Firefox 3.5已經發布了幾個月了，且已經歷5次小幅更新。而基於Gecko 1.9.2的Firefox 3.6也已經開發數月，現在已經發布了firefox 3.6 beta2版本，而官方也聲明將在12月份發行正式版。作為3.5版之後的又一個很重要的版本，讓我們先來看看新版本的firefox對我們前端開發工作會有哪些影響吧。

CSS

• 支持CSS3中的 background-size 屬性，使用私有屬性-moz-background-size屬性
• 通過新引入的-moz-linear-gradient和-moz-radial-gradient屬性支持漸變,但是目前只支持background-image或者簡寫的background屬性。
• background屬性開始支持多背景圖片
• 開始支持pointer-events屬性，該屬性可以讓內容指定一個元素是否被鼠標指針事件指定。 safari 4已經支持該屬性。 opera 9+也支持，不過只支持SVG內容。
• 開始支持rem長度單位，rem即根元素字體大小
• 支持image-rendering到圖片、背景圖片、視頻和canvas。
• 開始支持text-align的end參數，與start參數的作用相對應。如果direction是ltr(left-to-right，從左到右)，start等同於left，end等同於right，direction:rtl的效果與之相反。
• 你可以使用新的選擇器:-moz-system-metric(touch-enabled)來設定是否允許內容在觸摸設備上渲染。
• 添加:-moz-locale-dir(ltr)和:-moz-locale-dir(rtl)屬性以使定制從左到右或者從右到左的用戶界面佈局更簡單；
• 添加:indeterminate偽類，匹配indeterminate屬性值為true的複選框input元素；
• @font-face屬性支持新的WOFF網絡字體文件格式。

HTML

HTML 5視頻支持播放框

poster屬性現在已經支持video元素，允許指定一個在視頻播放的時候播放時顯示的框架(可以是一張圖片)。

複選框和單選按鈕支持indeterminate屬性

HTML input元素的checkbox和radio類型現在支持indeterminate屬性，它允許第三種"indeterminate"狀態。

Canvas圖片平滑可以被控制；

新加入的mozImageSmoothingEnabled property屬性可以用於開啟/關閉用canvas元素縮放圖片時的圖片平滑效果

多文件上傳

Input元素開始支持multiple屬性(<input type=file multiple>)，而且只支持type=file類型。

JavaScript

Gecko 1.9.2引入了JavaScript 1.8.2，後者從ECMAScript 5標準中加入了一些語言屬性：

• Date.parse()現在可以解析ISO 8601日期比如YYYY-MM-DD.
• 函數實例的prototype屬性將不再可枚舉。

DOM

DOM方面的增強比較多，大部分是一些bug修正，但是有一條需要注意的是，firefox 3.6移除了getBoxObjectFor()方法，該方法被mootools用來檢測Gecko核心，從而判斷瀏覽器型號。因此，將該方法移除導致了Mootools在Firefox 3.6中出現了bug！不過最近Mootools官方已經發布了一次升級，其中修改掉了這個bug。

XPath

支持choose() XPath方法

現在已經支持choose()方法了。

欲了解更多信息，請查看Mozilla官方的文章：Firefox 3.6 for developer。

PS:我個人最高興看到的是新版本對多背景圖片和背景大小的支持，之前只有webkit核心的瀏覽器支持這兩個屬性，現在safari/chrome終於可以不孤單了。

文章提供BAYSTARS DESIGN網頁設計公司