Question

第一篇文章......

在某些CSS上运行 W3C 扫描时，我收到上述错误。加上另外两个。

错误：LINE 30被标记为原因？

attempt to find a semi-colon before the property name. add it
Property progid doesn't exist : MXtransform
Parse Error MXtransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');

希望我已经正确地发布了这个道歉，如果没有，请先发帖。

CSS

.checkLink {

    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop  (1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );

第30行此行标记为错误

filter:progid:MXtransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');

    background-color:#ededed;
    border:1px solid #dcdcdc;
    display:inline-block;

还有一些警告

“属性-moz-box-shadow是未知的供应商扩展”AND -webkit-箱阴影

为什么这些都被标记为未知扩展？

任何指针都非常感激，我已经做了一些搜索，但得到了相互矛盾的信息和我的经验 - 到目前为止还缺乏。

Answer 1

您的CSS代码使用非标准的Microsoft发明filter:progid:MXtransform.Microsoft.gradient，除了未在任何CSS规范中定义外，它还违反了通用的CSS语法。因此，即使在解析级别，W3C CSS验证器也会发出有关它的错误消息。没有办法解决这个问题：如果您想使用该功能，您将收到错误消息。

“未知的供应商扩展”是非标准的，因此会发出警告。但它们只是警告，如果您希望在尚不支持标准属性名称的浏览器上使用CSS代码，则还需要具有供应商前缀属性。例如，对于box-shadow，需要-moz-前缀版本才能涵盖Firefox版本3.6到15（可能合并使用份额低于1％）。

尝试在属性名称前找到分号。添加它

1 个答案: