Css 过滤器不透明度不工作
出于某些原因，过滤器：不透明度在IE8中不起作用。我已经有一段时间没用了，但它一直很有效，我不知道问题出在哪里。此外，firebug根本没有显示过滤规则，只是显示正常的不透明度 有什么想法吗Css 过滤器不透明度不工作,css,internet-explorer-8,opacity,Css,Internet Explorer 8,Opacity,出于某些原因，过滤器：不透明度在IE8中不起作用。我已经有一段时间没用了，但它一直很有效，我不知道问题出在哪里。此外，firebug根本没有显示过滤规则，只是显示正常的不透明度 有什么想法吗 ul.products-grid img:hover { opacity: .8; filter:alpha(opacity=80); } 还要检查您的页面是否在IE中以quirks模式呈现。我认为IE8可能不支持：hover伪类在任意元素上呈现，除非它处于符合标准的模式 类似的情况和解
ul.products-grid img:hover {
opacity: .8;
filter:alpha(opacity=80);
}
还要检查您的页面是否在IE中以quirks模式呈现。我认为IE8可能不支持：hover伪类在任意元素上呈现，除非它处于符合标准的模式 类似的情况和解释。标签是
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
在IE8中试试这个，你可能还需要
-ms过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=80）”
您不妨看看试试以下方法：
ul.products-grid img:hover {
opacity: .8; /* Standards Compliant Browsers */
filter:alpha(opacity=80); /* IE 7 and Earlier */
/* Next 2 lines IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
如果您希望页面验证<!--[if IE]>
<link rel="stylesheet" type="text/css" href="stylesheetname.css" />
<![endif]-->
您的CSS工作正常。看看这里的演示 问题可能出在
DOCDoc<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> - jsFiddle demo</title>
<style type='text/css'>
img:hover {
opacity: 0.4;
filter:alpha(opacity=40);
}
</style>
</head>
<body>
<img src="https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-prn1/69651_408104205949356_2097957740_n.jpg" />
</body>
</html>
-JSFIDLE演示
img:hover{
不透明度：0.4；
过滤器：α（不透明度=40）；
}