IE中的不透明度问题

Question

我在IE上发布了Opacity。

我想在PageLoad上设置图像的不透明度。

我写了这样的代码：

<img id="imgadd" alt="Add Text" src="/Images/add.png" onload="this.style.opacity=0.5;"/>

此代码正在处理除IE之外的所有浏览器。任何帮助将不胜感激...

Answer 1

对IE使用过滤器

  filter: alpha(opacity=50);

IE不支持不透明度，因此您必须对IE使用过滤器。

Answer 2

扩大Harshit的回答：

既然您似乎在应用opacity onload，为什么不使用CSS呢？为图像添加一个类名（在这种情况下称为foreachImages，但可以随意选择更合适的名称）：

.foreachImages {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* IE 8 */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5-7 */
    -moz-opacity: 0.5; /* Older Gecko versions */
    opacity: 0.5; /* CSS3 complaint browsers */
}