Question

在FF中，它的工作方式与预期相同（在图像的底部放置透明的透明色带以用于标题）。但在IE中，它完全是黑色的（标题显示）

.caption {
    z-index:30;
    position:absolute;
    bottom:-35px;
    left:0;
    height:30px;
    padding:5px 20px 0 20px;
    background:#000;
    background:rgba(0,0,0,.5);  
    width:300px;
    font-size:1.0em;
    line-height:1.33;
    color:#fff;
    border-top:1px solid #000;
    text-shadow:none;
}

Answer 1

那是因为你正在测试的IE版本（假设它是7或8）使用的是background:#000;而不是background:rgba(0,0,0,.5);，因为它不支持rgba并且看作是无效值因此未被分配。

编辑：值得注意的是，以这种方式分配背景颜色意味着在不支持rgba的旧版浏览器上（特别是IE 6,7和8），你有一种后备颜色。

Answer 2

9之前的任何版本的IE都不支持rgba（）因此它将其他背景作为后退。本文可能会对您有所帮助：http://dimox.net/cross-browser-rgba-support/

这是一个看似合理的解决方案：http://css-tricks.com/2151-rgba-browser-support/

Answer 3

从技术上讲它不应该工作，第二个优先。你能尝试删除“背景：＃000;”看看是否有效？

你也可以尝试JQUERY来获得你想要的效果。 http://iamnotagoodartist.com/how-to/semi-transparent-mockup-overlays-with-css-jquery-ui/

Answer 4

只是我的意见，但我建议使用'background-color'属性而不是'background'。这可能是一个问题

IE背景颜色在IE和FF中有所不同

4 个答案: