如何设置元素上方的背景图像位置？

Question

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

有什么方法可以添加类似于 margin-top: -20px; 的内容吗？或者类似的东西？

Answer 1

解决方案是使用 :before psuedo

例如：

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

根据 here 找到的 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>