我有这个测试页面:http://jsfiddle.net/VWnm9/7/。在我所有运行 IE7 或 IE8 的计算机上,图像都正确褪色,除了一台运行 IE7 的计算机,并且即使在 noext 模式下,花朵也不会褪色。
该页面是:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<style type="text/css">
body {
background: blue;
}
img {
filter: alpha(opacity=10);
opacity: 0.1;
}
</style>
</head>
<body>
<img src="http://upload.wikimedia.org/wikipedia/commons/c/c3/Extracted_pink_rose.png" />
</body>
</html>
有人知道为什么吗?
您可能需要应用一些 MS 的过滤器。
Eg:
img {
opacity: 0.1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity=10);
}
有关 quirksmode 上不透明度的更多信息.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)