全新firefox3.5具备的新特性

您现在的位置：万象互联帮助中心>> 最新资讯>>详细内容

<<返回上一页

全新firefox3.5具备的新特性: 大中小文章来源：万象互联更新时间：2011-8-18

分享到：

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特性，我简单的列表如下： <ol> <li>@font-face 支持，该规则支持 CSS3网络字体。 </li> <li>opacity 支持升级，抛弃-moz-opacity私有属性，完整支持CSS的 opacity属性。 </li> <li>:before 和 :after伪类更新的CSS 2.1水平，支持position、float、list-style-*、和一些display等属性。 </li> <li>text-shadow支持。text-shadow是一个CSS3属性，即文字阴影。目前，只有Chrome、safari和Opera浏览器支持CSS3的文字阴影。 </li> <li>word-wrap。这是对Firefox来说一个新增的CSS属性，目前IE系浏览器支持该属性。这可以解决字符串过长时的bug，相信很多网页设计师都遇到过。 </li> <li>transforms，transforms属性目前只有webkit核心浏览器支持，包括safari和chrome，Firefox3.5也将支持该属性，它可以将一个元素按照设定的比例变换，必去旋转或缩放，详情请查看 -moz-transform和-moz-transform-origin。 </li> </ol> Firefox还支持其它的一些新特性，比如一些伪类等，用的不是太多，这里就不介绍了，感兴趣的话可以到firefox开发者网站去查看。不过前端观察会继续跟进firefox新版本的进展。 从中我们可以看到，目前对CSS3和HTML5的支持最好的是webkit核心浏览器，safari支持的最棒，chrome2.0beta的支持也在不断改进。而firefox在下一个版本中也将有很大的进步。唯一不足的是IE系浏览器，依然跟在各个浏览器的后面。</div>

分享到：复制地址新浪微博腾讯微博 QQ空间开心网人人网百度空间百度贴吧网易微博搜狐微博

上一篇：Firefox和IE浏览器之间的7个JavaScript差异

下一篇：使用CSS定位的网页footer

广告联盟中的CPA、CPS、CPC、CPM分别是什么意思