验证我的 css 时出现解析错误 [重复]答案

【问题标题】：When validating my css I get a Parse Error [duplicate]验证我的 css 时出现解析错误 [重复]
【发布时间】：2023-03-09 11:00:02
【问题描述】：

我不确定为什么会收到这些解析错误。

错误 1：

    Parse Error Opacity=0)

我的 CSS：

    .ui-helper-zfix { 
    width: 100%;
    height: 100%; 
    top: 0; 
    left: 0; 
    position: absolute; 
    opacity: 0; 
    filter:Alpha(Opacity=0); }

错误 2：

    Parse Error mask()

我的 CSS：

    .ui-datepicker-cover {
    position: absolute; 
    z-index: -1; 
    filter: mask(); 
    top: -4px; 
    left: -4px;

如有任何帮助，将不胜感激。

【问题讨论】：

不用担心验证。

标签： html css validation w3c

【解决方案1】：

根据this Mozilla document，mask() 和 Alpha() 都不是定义的过滤器函数。此外，该文章暗示过滤器支持仍处于试验阶段，这可能是 w3c 验证器不喜欢它的原因。

根据我的经验，w3c 验证器很好地解释了失败的原因。检查其他错误或描述消息。

对于 alpha 效果，您可以尝试： filter: opacity(0%)

This other stackoverflow question 有更多信息。

【讨论】：

谢谢！我会查看您提供的其他信息。

【解决方案2】：

filter 属性不是标准属性，而是 Microsoft 添加的。这就是 CSS 解析器会抛出这些错误的原因。

另外一点：您的目标是 IE 的真正旧版本吗？

【讨论】：

我很确定它是几年前编写的，针对 IE 6 或 7。感谢您的帮助。