요소 위에 배경 이미지 위치를 설정하는 방법은 무엇입니까?

Question

2 개의 배경 이미지를 갖고 싶은 요소 (버튼)가 있습니다. 하나는 그래디언트이며 다른 하나는 버튼 위에 배치하고 싶습니다. 어떻게하면됩니까?

나는 margin-top에 simillar를 추가 할 수있는 방법이 있나 : -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>