javascript - IE 中的不透明度问题

Question

我对 IE 的不透明度有疑问。

我想为 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 */
}