Как установить положение фонового изображения над элементом?

Question

У меня есть элемент (кнопка), для которого я хочу иметь 2 фоновых изображения.один - это градиент, и я хочу, чтобы другой располагался над кнопкой.Как мне это сделать?

Есть ли какой-нибудь способ, которым я могу добавить что-то похожее на margin-top: -20px;или что-то в этом роде?

Answer 1

 <style type="text/css">
    .modalBackground
    {
        background-image:url('image/img2.jpg');
        background-repeat:repeat-x  ;

        filter: alpha(opacity=80);
        opacity: 0.8;
        z-index: 10000;
    }
  </style>

Answer 2

Решение использует: перед псевдо

например:

  .box:before{
       content:url(icon_neutral.png);
       display:block;
       position:relative;
       top: -30px;
  }

в соответствии с найденным раствором гагарина здесь :