我正在浏览我使用HTML5和CSS3创建的主题,并试图修复HTML和CSS中的所有错误。我试图获得Opacity属性来验证CSS3,我没有这样的运气。我知道它仍然没有标准,但有没有可能的方法让它在不删除的情况下进行验证?将鼠标悬停在网站上的徽标时,我将其用作悬停。使用图像创建效果并不是一个真正的选择。谁能指出我正确的方向?以下是我的徽标悬停目前的样子:
.logo:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity: 0.9;
}
这是错误:
.logo:hover Parse Error opacity=90)
答案 0 :(得分:3)
你的CSS很好,验证不是一切,虽然你可以删除旧的filter:
属性,因为只有IE9以前的IE使用它,-ms-filter
是首选并且将验证。
仅仅因为CSS文件没有严格验证并不意味着它是不可接受的,所以可能需要诸如专有属性和值,甚至语法之类的东西。
答案 1 :(得分:0)
我注意到使用引号,如filter: "alpha(opacity=90)";
可以解除解析错误。它仍然没有验证,但让验证器能够解析样式表似乎很好。
警告:在插入引号后,我不知道它是否仍然可以在IE8中运行。