如果你打开w3.org,你一定会发觉这个W3C网站已经经过了改版,一改往日古董级的UI。
各个标准也一样,如果不是什么大的变化,我们往往忽视他们的不断扩展。
CSS标准,从1.0到2.0到2.1,特别到现在火热的CSS3(尽管没有普遍实现),已经增加了很多的东西。
而很多扩展的内容,他们从哪来的?还不是各个浏览器厂商制定和实施的各种非标准的私有属性——所以说有时候浏览器大战还是有积极的一面的,如果光靠W3C,或单独一个组织闭着关想,指不定想出啥中看不中用的东西来呢。
所以,我提供几个路口,希望大家一起看看标准css之外的世界。
————–
微软ie支持的CSS属性(包括标准和非标准)
对比下这个(css2中文手册),
有很多当年MS的推荐属性,已经成为W3C的CSS3属性了。
微软的扩展属性(非标准,不过一些已在W3C审议中)
ie8要成为一个标准浏览器,也将自己的扩展属性带上了前缀-ms-。不过,不带前缀在ie8下解释也是可以的,向后兼容(backward)么。
如:
zoom:10;可以写成-ms-zoom:10;
(这个属性可不是光用来触发haslayout的。所以对抛弃了haslayout的ie8来说,也是有用的。)
filter: alpha(opacity=20); 可以写成 -ms-filter: “alpha(opacity=20)”;
(对于滤镜属性比较特殊,注意后面的引号。)
————–
Mozilla/FireFox支持的css属性(包括标准和非标准)
Mozilla的扩展属性成为css3属性最有名的就是-moz-opacity
现在可以直接写成:opacity了。在safari,opera,chrome等浏览器上均支持。
不过在ie上还是不支持,而使用自己的滤镜filter: alpha(opacity=20);。
————–
webkit/Safari支持的css属性(包括标准和非标准)
webkit/Safari的扩展属性
webkit/Safari的扩展属性中文资料(很详细)
————–
列一个opera扩展属性的例子:文字超出显示省略号
标签: -moz-, -ms-, -o-, FireFox, IE, Mozila, opera, safari, webkit
顶,oneboys兄文章很好!
回复