IE 7,8中的CSS双背景

我有两个背景图片的下一个div， 但图像在IE7和IE8中不可见

 <div class="media" style="background-image: url('/play_video.png'), url('/video.jpg')">
                        <span>Click to play video</span>
                    </div>

.media {    
    background-position: center, center;
    background-repeat: no-repeat;
    width:245px;    
    height:150px;
    cursor:pointer;
    text-align:left;
    position:relative;             
}
    .media span {        
        bottom: 0;
        left: 0;
        color: black;
    }

点击播放视频
.媒体{
背景位置：中心，中心；
背景重复：无重复；
宽度：245px；
高度：150像素；
光标：指针；
文本对齐：左对齐；
位置：相对位置；
}
.媒体span{
底部：0；
左：0；
颜色：黑色；
}

---

可以修复吗？

下面的IE7或IE8支持多个背景图像

为了社区的利益

HTML

<div class="media-back">
  <span>Click to play</span>
  <div class="media-play">
  </div>
</div>

---

它不是精致的，我也不知道你想要什么样的美学效果，但是你可以通过定位来伪造同样的效果

下面的IE7或IE8支持多个背景图像

为了社区的利益

HTML

<div class="media-back">
  <span>Click to play</span>
  <div class="media-play">
  </div>
</div>

---

它不是精致的，我也不知道你想要什么样的美学效果，但是你可以通过定位来伪造同样的效果

下面的IE7或IE8支持多个背景图像

为了社区的利益

HTML

<div class="media-back">
  <span>Click to play</span>
  <div class="media-play">
  </div>
</div>

---

它不是精致的，我也不知道你想要什么样的美学效果，但是你可以通过定位来伪造同样的效果

下面的IE7或IE8支持多个背景图像

为了社区的利益

HTML

<div class="media-back">
  <span>Click to play</span>
  <div class="media-play">
  </div>
</div>

---

它不是精致的，我也不知道你想要什么样的美学效果，但是你可以通过定位来伪造同样的效果

巧妙地使用多个div和z-index可以产生类似的效果。更大的问题是为什么要费心支持IE7或IE8？巧妙地使用多个div和z-index可以产生类似的效果。更大的问题是为什么要费心支持IE7或IE8？巧妙地使用多个div和z-index可以产生类似的效果。更大的问题是为什么要费心支持IE7或IE8？巧妙地使用多个div和z-index可以产生类似的效果。更大的问题是，为什么要费心支持IE7或IE8？提供一个解决方案可能会使这个答案更有用；）-使用固定链接和不链接。这是一个合法的答案。您不能“修复”IE7/8的背景图像属性，但可以使用样式化变通方法。我同意上面的@Kai Quing，但是…为什么支持IE7或IE8？如果有帮助的话，我通常使用Modernizer并添加一个.no-cstrantions css选择器来处理较小的IE特定覆盖。但通常我编写css时根本不需要这样做。尽管如此，有时设计需要它。我看这个答案没有错。我不认为它需要一个解决方案。这就像问如何让flash在iphone上工作一样。它不起作用，所以继续吧。提供一个解决方法可能会使这个答案更有用；）-使用固定链接和不链接。这是一个合法的答案。您不能“修复”IE7/8的背景图像属性，但可以使用样式化变通方法。我同意上面的@Kai Quing，但是…为什么支持IE7或IE8？如果有帮助的话，我通常使用Modernizer并添加一个.no-cstrantions css选择器来处理较小的IE特定覆盖。但通常我编写css时根本不需要这样做。尽管如此，有时设计需要它。我看这个答案没有错。我不认为它需要一个解决方案。这就像问如何让flash在iphone上工作一样。它不起作用，所以继续吧。提供一个解决方法可能会使这个答案更有用；）-使用固定链接和不链接。这是一个合法的答案。您不能“修复”IE7/8的背景图像属性，但可以使用样式化变通方法。我同意上面的@Kai Quing，但是…为什么支持IE7或IE8？如果有帮助的话，我通常使用Modernizer并添加一个.no-cstrantions css选择器来处理较小的IE特定覆盖。但通常我编写css时根本不需要这样做。尽管如此，有时设计需要它。我看这个答案没有错。我不认为它需要一个解决方案。这就像问如何让flash在iphone上工作一样。它不起作用，所以继续吧。提供一个解决方法可能会使这个答案更有用；）-使用固定链接和不链接。这是一个合法的答案。您不能“修复”IE7/8的背景图像属性，但可以使用样式化变通方法。我同意上面的@Kai Quing，但是…为什么支持IE7或IE8？如果有帮助的话，我通常使用Modernizer并添加一个.no-cstrantions css选择器来处理较小的IE特定覆盖。但通常我编写css时根本不需要这样做。尽管如此，有时设计需要它。我看这个答案没有错。我不认为它需要一个解决方案。这就像问如何让flash在iphone上工作一样。它不起作用，所以继续前进。