Firefox3.5 升級注意的幾個問題
2024-07-16 17:50:55
供稿：網友
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全部支持。
