Chrome moz-box无效的属性值

时间:2013-08-15 15:27:50

标签: html css google-chrome

我用

display:-moz-box

它在firefox上的工作确实,但"无效的属性值"在chrome上,我现在该怎么办?
感谢

3 个答案:

答案 0 :(得分:2)

任何以连字符开头的CSS代码都是特定于浏览器的功能(它通常也意味着该功能是实验性的,尚未准备好完整版本)。

只有使用该扩展程序的浏览器(-moz-适用于Firefox)才能使用该属性。其他浏览器可能需要指定自己的前缀(例如-webkit-用于基于Webkit的浏览器,或-ms-用于IE)。

如果样式已标准化,您还应指定样式的未加前缀版本,因为一旦建立标准版本,可能会从未来的浏览器版本中删除实验前缀。

在这种特殊情况下,我们讨论的是flexbox功能。随着时间的推移,标准化过程中的规格发生了相当大的变化,因此某些浏览器可能支持非标准语法。这使得在这里给出一个简洁的答案有点困难,所以我不会详细介绍一些可能会有所帮助的文章:

答案 1 :(得分:0)

使用display:-webkit-box代替Chrome

答案 2 :(得分:0)

-moz-是供应商前缀。供应商前缀对于浏览器是唯一的。它们用于应用非标准CSS。 -moz-适用于Mozilla Firefox。 -webkit-适用于Chrome。