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

Question

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

Есть ли способ добавить что-то simillar в margin-top: -20px; или что-то типа того?

Answer 1

Раствор с помощью: перед тем псевдопользователей

, например:

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

согласно решению gagarine нашли here:

Answer 2

<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>