Question

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

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

Answer 1

解决方案是使用：在伪

之前

例如：

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

根据gagarina的解决方案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>

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

2 个答案: