如何在元素上方设置背景图像位置？答案

【问题标题】：How to set background-image position above the element?如何在元素上方设置背景图像位置？
【发布时间】：2012-01-14 18:35:11
【问题描述】：

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

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

【问题讨论】：

好吧。在这里找到我的答案：stackoverflow.com/questions/1053950/…
这里有点新，我该怎么做？
您可以在您的问题下方点击关闭，也可以在下面添加您问题的答案并接受它

标签： css background background-image background-position

【解决方案1】：

解决方案是使用 :before psuedo

例如：

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

根据gagarine的解决方案找到here：

【讨论】：

【解决方案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>

【讨论】：