Firefox3.5 升级注意的几个问题
程序员文章站
2024-01-10 14:41:40
Firefox3.5 升级注意的几个问题...
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属性值大全的页面。
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属性值大全的页面。