css - 如何在元素上方设置背景图像位置？

Question

我有一个元素（一个按钮），我想要 2 个背景图像。一个是渐变，我希望另一个位于按钮上方。我怎么做？

有什么方法可以添加类似margin-top的东西：-20px; 或类似的东西？

Answer 1

解决方案是使用 :before psuedo

例如：

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

根据在这里找到的gagarine的解决方案：

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>