Firefox 3.5对于CSS 3选择器的支持

Firefox 3.5在6月的最后一天正式发布了。正如我在几个月之前用过的Beta版本一样，FF3.5全面支持CSS3选择器。点这里查看CSS3浏览器支持表。这个更新实在太伟大了，让我们不禁欢欣鼓舞，只有一点例外：这个消息意味着我之前在写的谷歌Chrome的hack同样将影响FF3.5。

我将CSS3浏览器支持表同步更新到FF3.5。放眼望去，FF3.5那一列被美丽的绿色背景填满，因为它全面支持CSS2.1和CSS3。

Firefox 3.5的CSS和HTML特性

1、@font-face

@font-face声明（与其说属性，它看起来更像是下载）允许你去定义一个字体，并且下载该字体，之后在整个站点页面范围内，你可以将其插入其他的font-family属性中去引用这个字体。

@font-face { font-family: <a-remote-font-name>; src: <source> [,<source>]*; [font-weight: <weight>]; [font-style: <style>];}

2、媒体类型

Firefox 3.5支持更多特定的媒体设备状况，例如提供CSS基于颜色索引，屏幕长宽比，屏幕的高度或是宽度，轴向，分辨率等等。在iphone CSS中，我们已经对其中的一些有了初步的了解。换句话说，这些在FF上很酷的新鲜特性，都是Webkit中玩剩下的了。此外，FF3.5支持媒体类型声明使用逻辑运算符，针对那些不支持此特性的上一代浏览器的hack相信不久也会被发明出来。

media screen and (min-width: 600px) and (max-width: 800px) // low resolution laptop?<link rel="stylesheet" media="print and (min-width: 11in)"... // landscape printing

3、支持HTML 5特性

Firefox 3.5支持HTML 5的音频和视频元素，离线资源，HTMl 5的拖拽API支持站内和站站之间的拖拽。另，Firefox 3.5改进了对于canvas的支持。

Firefox 3.5 CSS 2.1和CSS 3新特性以及失败之处

Firefox 3.5做出了一些改进，但在对CSS的支持上仍然有上升的空间。除了官网中提到的以上几点之外，以下几点也有相应改进：

4、:before和:after更新至CSS2.1规范

:before和:after这两个伪元素在position，float，list-style-*以及其他一些显示属性上尚且不能得到完整的CSS 2.1支持。见CSS属性值大全。在这一点上我依然观察到一些问题，但我的CSS在测试中没有完全验证我的想法……所以，以观后效吧。

5、opacity，text-shadow和word-wrap

虽然这些CSS3（对于text-shadow来说，它也属于CSS2.0范畴）属性在Firefox早期的版本中某些方面表现的很不错，但现在你不用在这三个属性前添加-moz扩展了。

6、CSS3属性中的-moz-扩展

-moz-box-shadow, -moz-border-image, -moz-column-rule, -moz-column-rule-width, -moz-column-rule-style,以及 -moz-column-rule-color目前在FF3.5全部支持。

我还没有做更多的测试，即便如此我还是把已知的写在这里。一旦有机会，我将会更新此页和CSS属性值大全的页面。

评论 (0) All

登陆 还没注册？