2011-06-14 98 views
2

我最近查了一下以下问题:如何确定CSS属性是否需要浏览器特定的前缀?

How to disable text selection highlighting using CSS?

其中提供很好的答案,我面临的直接问题CSS。但是,这让我想知道,如何确定何时放弃CSS属性的所有浏览器特定前缀?

我知道这项工作的机制,需要前缀的旧浏览器当然总是需要一个前缀,所以我想这个答案真的取决于浏览器的使用情况统计。

是否有一个像样的,简单的引用来源可用于确定CSS属性是否真的需要所有这些前缀如果我使用不带前缀的user-select属性,我可以保证95%的浏览器会正确地对此进行交互。

回答

1

This是对几乎所有CSS属性的浏览器支持的极好总结。

但是,我倾向于使用浏览器特定的前缀,以及非特定的规则,无论如何 - 这并不是什么额外的工作,它将意味着那些只停留在过时浏览器上的少数人仍然会看到页面如你所愿。

+0

谢谢你引用的资源。 “没有太多的工作” - 严重吗?重复每个属性5次! – ColinE 2011-06-14 21:26:01

+0

那么,这取决于你是否想要输入5个属性来潜在地覆盖更多的观众,或者冒着与之相关的风险。它只是所有需要浏览器前缀的属性中的一小部分,所以对于那些需要使用浏览器的前缀,这绝对值得花费一点努力! – 2011-06-14 21:28:46

1

我用于这种事情的一个很好的资源是http://caniuse.com/。在一般情况下,它是不是一个坏主意,有一个清单等,例如,

-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px; 

对于几行的空间,这确保了旧的浏览器将得到正确的浏览器特定的规则,如果他们要求他们,而新的浏览器则获得了符合标准的规则。

编辑:嗯,我注意到我链接的资源没有用户选择的条目。哎呀!

+0

哎呀,我也是!刚刚看到你的编辑,虽然我会检查我链接到的资源...也没有! – 2011-06-14 21:29:32

相关问题