Question

我正在努力确保我的公司网站HTML5 / CSS3有效，但我遇到了一小块CSS的问题。

基本上，我们有一个已过滤的团队成员列表（每张图片都有一个名称/电子邮件在下面），那些超出范围的人放在最后并略微褪色（opacity: 0.3;）。但是，由于IE8（以及之前）很特殊，我使用了以下内容 -

filter: alpha(opacity=30);

然而这导致验证错误“Parse Error opacity = 30）”，所以我做了一些搜索并用它替换了它 -

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

这次没有错误，但我收到警告 - “Property -ms-filter是一个未知的供应商扩展”

有没有人知道CSS3的有效应用方式opacity向后兼容IE8（即没有错误或警告）？感谢。

Answer 1

一种方法是简单地在不透明度的同时添加额外的效果。这样，不呈现opacity属性的浏览器仍然可以区分超出范围的团队成员：

selector {
    background: #dfdfdf;    /* New property, light grey background. */
    opacity: 0.3;           /* Old existing property, no validation warnings. */
}

CSS3对＆lt; = IE8有效'不透明'

1 个答案: