网页中大量未知属性是什么引起的?

未知属性 '-moz-border-radius'。  声明被丢弃。 qa_all.3487fa55.css:1
09:54:26.791 未知属性 '-moz-box-shadow'。  声明被丢弃。 qa_all.3487fa55.css:1
09:54:26.791 未知属性 '-moz-background-size'。  声明被丢弃。 qa_all.3487fa55.css:1
09:54:26.803 未知属性 '-moz-background-size'。  声明被丢弃。 responsive.64f3e407.css:1
09:54:26.803 未知属性 '-moz-box-shadow'。  声明被丢弃。 responsive.64f3e407.css:1
09:54:26.833 未知伪类或者伪元素 '-webkit-inner-spin-button'。  选择器错误导致忽略规则集。 global.f2164cbe.css:1
09:54:26.833 未知伪类或者伪元素 '-webkit-search-cancel-button'。  选择器错误导致忽略规则集。 global.f2164cbe.css:1
09:54:26.834 未知属性 '-moz-osx-font-smoothing'。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.835 预期为颜色,但却得到 'auto'。  预期为颜色,但却得到 '-webkit-focus-ring-color'。  预期为变量结尾,但却得到 '-webkit-focus-ring-color'。  解析 'outline' 的值时出错。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.835 预期为变量结尾,但却得到 '\9 '。  解析 'width' 的值时出错。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.837 预期为变量结尾,但却得到 '\9 '。  解析 'margin-top' 的值时出错。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.837 未知伪类或者伪元素 '-ms-input-placeholder'。  选择器错误导致忽略规则集。 global.f2164cbe.css:1
09:54:26.837 未知伪类或者伪元素 '-webkit-input-placeholder'。  选择器错误导致忽略规则集。 global.f2164cbe.css:1
09:54:26.837 预期为变量结尾,但却得到 '�'。  解析 'line-height' 的值时出错。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.837 未知属性 'user-select'。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.838 预期为 'none'、网址或过滤功能,但却得到 'alpha('。  解析 'filter' 的值时出错。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.838 预期为 'none'、网址或过滤功能,但却得到 'progid'。  解析 'filter' 的值时出错。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.839 未知属性 'zoom'。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.841 解析 'background-image' 的值时出错。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.841 预期为变量结尾,但却得到 '\9 '。  解析 'background-color' 的值时出错。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.842 解析 'transition' 的值时出错。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.843 预期为 'none'、网址或过滤功能,但却得到 'FlipH'。  解析 'filter' 的值时出错。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.843 预期为 'none'、网址或过滤功能,但却得到 'FlipV'。  解析 'filter' 的值时出错。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.843 未知属性 '-moz-border-radius'。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.843 未知属性 '-moz-background-size'。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.844 未知属性 'tab-size'。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.844 未知属性 '-moz-box-shadow'。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.844 未知属性 'background-position-y'。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.845 解析 'font-size' 的值时出错。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.845 解析 'word-break' 的值时出错。  声明被丢弃。 global.f2164cbe.css:1
09:54:26.874 解析 'font' 的值时出错。  声明被丢弃。 jquery.atwho.13db0734.css:27
09:54:26.896 预期为媒体特性名称,但却得到 '-webkit-min-device-pixel-ratio'。 dropzone.21d499c4.css:1
09:54:26.896 预期为媒体特性名称,但却得到 '-o-min-device-pixel-ratio'。 dropzone.21d499c4.css:1
09:54:26.896 预期为媒体特性名称,但却得到 'min-device-pixel-ratio'。 dropzone.21d499c4.css:1
09:54:26.896 未知属性 '-moz-background-size'。  声明被丢弃。 dropzone.21d499c4.css:1
09:54:26.896 预期为 'none'、网址或过滤功能,但却得到 'alpha('。  解析 'filter' 的值时出错。  声明被丢弃。 dropzone.21d499c4.css:1
09:54:26.897 解析 'background-image' 的值时出错。  声明被丢弃。 dropzone.21d499c4.css:1
09:54:27.476 ReferenceError: BAIDU_CLB_fillSlotAsync is not defined segmentfault.com:2522
09:54:27.859 解析 'display' 的值时出错。  声明被丢弃。 segmentfault.com:2
09:54:27.859 未知属性 'box-pack'。  声明被丢弃。 segmentfault.com:2
09:54:27.859 未知属性 'box-align'。  声明被丢弃。 segmentfault.com:2
09:54:27.860 未知属性 'dislay'。  声明被丢弃。 segmentfault.com:2
09:54:27.860 解析 'word-wrap' 的值时出错。  声明被丢弃。 segmentfault.com:2
09:54:27.872 所用的 Mutation Events 已不赞成使用。使用 MutationObserver 替代。 smartBar.js:2
阅读 14.7k
4 个回答

层式样式表本来就是要这样用了,用较大的冗余去兼容各个浏览器。你可以搜索一下“css hack”

写 css 时为了兼容更多的浏览器,会加一些私有属性。私有属性只有相应的浏览器能识别,其他不识别的浏览器直接丢弃那句样式。

這是一種跨瀏覽器兼容的方案。

當然其實還可以做得更好,比如用腳本動態加載不同的樣式(好處是可以細分到瀏覽器版本)
http://practicaltypography.com 就是這麼做的,用來解決 chrome 37 無法正確顯示 soft hyphen 的 bug,不過在我提供給作者更好的方案之後,貌似已經看不到原來的代碼了~。

不過一般情況下,如果不需要細分瀏覽器版本,也不必這麼麻煩,冗餘一下也無傷大雅。

我先后用了chrome,firefox,ie,全部都出现了错误提示,而且不允许我提交表单,具体说,我申请测试博客,无法提交申请,停止扩展和插件,还是不行,浏览器或者系统有对此影响的设置项吗?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题