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

Question

第一篇文章......

在某些运行W3C扫描时,CSS我得到上面的错误.加上另外两个.

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

1. attempt to find a semi-colon before the property name. add it

2. Property progid doesn't exist : MXtransform

3. 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-box-shadow

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

任何指针非常感谢,我做了一些搜索,但得到了相互矛盾的信息和我的经验 - 到目前为止缺乏.

Answer 1

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

"未知供应商扩展"是非标准的,因此会发出警告.但它们只是警告,如果您希望在尚不支持标准属性名称的浏览器上使用CSS代码,则还需要具有供应商前缀属性.例如,因为需要box-shadow使用-moz-前缀版本来覆盖Firefox版本3.6到15(可能合并使用份额低于1%).