Question

.file_input_hidden {
    font-size: 45px; 
    position: absolute; 
    right: 0px; 
    top: 0px; 
    filter: alpha(opacity=0); 
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0; 
    -moz-opacity: 0;
    opacity: 0;
}

这是代码。当我在sortsite中运行它时，CSS验证错误显示在代码的第6行（顶部：0px;）。我无法追查这个问题。过滤器有什么问题吗？请帮我解决这个问题。

Answer 1

我认为问题不在于top规则。我认为这会抛出验证错误：

filter: alpha(opacity=0); 
-ms-filter: "alpha(opacity=0)";
-khtml-opacity: 0; 
-moz-opacity: 0;

CSS验证应该仅用作指南，因为并非所有新的CSS功能都受支持，并且它不会验证前缀规则。我会说你不需要过度热心验证。你的CSS很好。

Answer 2

我不知道“sortsite”是什么，但W3C CSS Validator（这是唯一具有任何程度权威性的CSS检查程序）报告filter行是错误的。它还会发出有关供应商扩展的警告（以连字符-开头，例如-moz-opacity;在这种情况下，它们没用，但无害）。

无法使错误消息静音，因为除了特定于浏览器之外，Microsoft构造filter: alpha(opacity=0)违反了通用CSS语法。如果你想支持IE 8及更早版本，请保留它。

如何解决这个CSS验证错误..？

2 个答案: