Question

我正在使用CSS 2.1中不支持的CSS属性。例如，-moz-border-radius，box-shadow，zoom，filter，....让我通过CSS验证失败。

那么有没有什么技术可以让CSS验证器忽略它们呢？

Answer 1

对于Microsoft Propreitary属性，您可以通过以下方式将它们保存在条件注释中：

<!--[if IE 6]>
<style type="text/css">
    /* Use all the non-standard Microsoft Propreitary attributes */
    body {zoom: 1; filter: none;}
</style>
<![endif]-->

如果你在样式表中使用东西，那么你可以这样做：

<!--[if IE 6]>
<link rel="stylesheet" href="ie6.css" type="text/css" />
<![endif]-->

这在W3C中完美验证。使用此代码检查：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Untitled Document</title>
        <!--[if IE 6]>
        <style type="text/css">
            /* Use all the non-standard Microsoft Propreitary attributes */
            body {zoom: 1; filter: none;}
        </style>
        <![endif]-->
    </head>

    <body>

    </body>
</html>

通过直接输入验证：http://validator.w3.org/#validate_by_input

对于其他人，您可以为供应商扩展设置一个选项，以便仅在CSS验证程序中显示警告。

任何使css的技术验证一些属性，修复IE兼容传递

1 个答案: