获取不透明度属性以验证为W3C标准

时间:2013-11-21 18:39:39

标签: css html5 css3 w3c w3c-validation

我正在浏览我使用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)

2 个答案:

答案 0 :(得分:3)

你的CSS很好,验证不是一切,虽然你可以删除旧的filter:属性,因为只有IE9以前的IE使用它,-ms-filter是首选并且将验证。

仅仅因为CSS文件没有严格验证并不意味着它是不可接受的,所以可能需要诸如专有属性和值,甚至语法之类的东西。

答案 1 :(得分:0)

我注意到使用引号,如filter: "alpha(opacity=90)";可以解除解析错误。它仍然没有验证,但让验证器能够解析样式表似乎很好。

警告:在插入引号后,我不知道它是否仍然可以在IE8中运行。