css 不透明度 - Internet Explorer

【问题标题】：css opacity - internet explorercss 不透明度 - Internet Explorer
【发布时间】：2011-11-24 16:23:58
【问题描述】：

我今天正在使用 opacity，由于某种原因它无法在 Internet Explorer 上运行

这是我的 CSS ：

.box_1{opacity:0.4;filter:alpha(opacity=40)};
.box_1:hover{opacity:1.0;filter:alpha(opacity=100);}

这是我的 HTML：

<div class="box_1">
    <img src="abc.png"/>
</div>

HOVER div 不起作用。这里有什么问题？

【问题讨论】：

什么究竟不起作用？ opacity=100 还是全部？
@Pekka：不透明度为 100 的悬停
您的测试页中是否正确声明了DOCTYPE？没有它，IE会导致各种奇怪的问题..
@ShadowWizard 你能给我正确的文档类型吗？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 应该没问题。

【解决方案1】：

您在第一行末尾缺少一个大括号，它应该是：

.box_1{opacity:0.4;filter:alpha(opacity=40);}
.box_1:hover{opacity:1.0;filter:alpha(opacity=100);}

此外，如果您使用的是 IE6，:hover 选择器将无法处理除<a> 标记之外的任何内容。要绕过它，您需要使用 Whatever:hover 之类的东西。

【讨论】：