当前位置: 首页 > 图文教程 > 网页特效 > 浏览器 > 全新firefox3.5具备的新特性

浏览器
实用的滑动文本选项卡显示(CSS+Javascript)
用链接控制页面小窗口的打开和关闭
关于限制网页表单的一些特效代码
网页特效代码:打开层/关闭层
IE浏览器BUG测试的CSS代码
DIV+CSS网页另类上下布局的特效代码
比较实用的网页弹出层
网页分栏特效
网页三列自适应等高且中列宽度自适应
音乐和歌词同步的网页特效代码
使用CSS定位的网页footer
CSS制作用户登录和用户注册的用户体验表单
左上角图片文字环绕在图片右侧网页特效
Google的翻译和Bing的翻译的实例比较
山寨无处不在,山寨傲游浏览器闪亮登场
图片自定义滚动条3.0
网页特效代码:模仿MSN消息提示的效果
网页中弹出小窗口(页面背景直接半透明)
网页中弹出小窗口,页面背景逐渐变为半透明
全新firefox3.5具备的新特性

浏览器 中的 全新firefox3.5具备的新特性


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-13   浏览: 233 ::
收藏到网摘: n/a

mozilla发布firefox3.0之后不久,就推出了3.1的测试版,经过N久,出了N个beta,还是没有出正式的3.1版,不过,他们跳了一下,将直接发布Firefox 3.5——大踏步前进的版本,也将带来更多的特性和用户体验。那么它对于我们前端开发人员来说,有哪些影响呢?

1.HTML5

Firefox3.5将支持audio和vidio标签。

audio的HTML代码可以是这样的:

<audio src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg"  autoplay> 
您的浏览器尚不支持<code>audio</code>标签。 
</audio>

查看更多关于audio的信息。

Video可以这样写:

<video src="videofile.ogg" autoplay> 
您的浏览器尚不支持<code>video</code>标签。
</video>

查看更多关于video的信息。

另外,Firefox 3.5还将支持其它的一些HTML5特性,比如,离线资源和拖拽。

2.CSS

Firefox 3.5对CSS的支持改进比较多,主要是支持更多的CSS3特性,我简单的列表如下:

  1. @font-face 支持,该规则支持 CSS3网络字体。
  2. opacity 支持升级,抛弃-moz-opacity私有属性,完整支持CSS的 opacity属性。
  3. :before 和 :after伪类更新的CSS 2.1水平,支持position、float、list-style-*、和一些display等属性。
  4. text-shadow支持。text-shadow是一个CSS3属性,即文字阴影。目前,只有Chrome、safari和Opera浏览器支持CSS3的文字阴影。
  5. word-wrap。这是对Firefox来说一个新增的CSS属性,目前IE系浏览器支持该属性。这可以解决字符串过长时的bug,相信很多网页设计师都遇到过。
  6. transforms,transforms属性目前只有webkit核心浏览器支持,包括safari和chrome,Firefox3.5也将支持该属性,它可以将一个元素按照设定的比例变换,必去旋转或缩放,详情请查看 -moz-transform和-moz-transform-origin。

Firefox还支持其它的一些新特性,比如一些伪类等,用的不是太多,这里就不介绍了,感兴趣的话可以到firefox开发者网站去查看。不过前端观察会继续跟进firefox新版本的进展。

从中我们可以看到,目前对CSS3和HTML5的支持最好的是webkit核心浏览器,safari支持的最棒,chrome2.0beta的支持也在不断改进。而firefox在下一个版本中也将有很大的进步。唯一不足的是IE系浏览器,依然跟在各个浏览器的后面。