目前似乎没有详尽的列表,但根据Compass、CSSPrefixer和Peter Beverloo在this list中列出的内容,我可以整理出以下信息。
background-clip
-moz-background-clip
接受 padding
和 border
代替 padding-box
和 border-box
-webkit-background-clip
的行为与 -moz 版本相同,但还接受 content
代替 content-box
background-origin
-moz
和 -webkit
版本接受与它们的 background-clip
等效项相同的值
background-size
-webkit-background-size
会将单个值复制一遍,因此 -webkit-background-size: 10px
等同于 background-size: 10px 10px
。而 background-size:10px
的前缀 webkit 版本是 -webkit-background-size: 10px auto;
。
border-radius 和相关属性
-moz
版本的 border-top-left-radius
、border-bottom-left-radius
等分别为 -moz-border-radius-topleft
、-moz-border-radius-bottomleft
等。
-webkit-border-radius
在处理两个值的简写形式时与最终规范不同。Webkit 将其视为传递了所有长形式版本的两个值。
更具体地说:
-webkit-border-radius: 1px 2px
等同于
-webkit-border-top-left-radius: 1px 2px;
-webkit-border-top-right-radius: 1px 2px;
-webkit-border-bottom-left-radius: 1px 2px;
-webkit-border-bottom-right-radius: 1px 2px;
当
border-radius: 1px 2px
等同于
border-top-left-radius: 1px;
border-top-right-radius: 2px;
border-bottom-right-radius: 1px;
border-bottom-left-radius: 2px;
我所知道的唯一解决方法是将
-webkit-border-radius
的两个值扩展为其长形式,以匹配适当的
border-radius
。
显示
如果您想要display:box
在任何地方都能工作,则需要使用类似以下的前缀值:
display:-webkit-box;
display:-moz-box;
display:box;
我不知道为什么会这样,因为所有与盒模型相关的属性(如
box-align)在这些浏览器中都有前缀版本。
请注意,这不包括任何目前不属于 W3C 文档的内容,例如
外观,即使多个浏览器支持它。
-moz-border-radius
,而不是更接近标准的-webkit-border-radius
。 - BoltClock