IE6 死后大快人心的10件事
使用 CSS 2 的 child 選擇器
不必再寫一大堆規(guī)則在某個(gè)對象的子對象中篩選,CSS2 的子選擇器(child selectors)可以選擇某個(gè)對象下直接的子對象。
放心使用 24 位 PNG 圖片(透明不再是問題)
不必象以前那樣在不同背景方案下設(shè)計(jì)不同的圖片邊緣反鋸齒方案,使用 PNG 的 Alpha 通道,我們可以用圖片實(shí)現(xiàn)陰影,眩光以及透明效果。
使用屬性選擇器
不必再寫類似 一類的代碼,告訴瀏覽器當(dāng)前輸入框使用什么式樣類,CSS2可以直接選擇 HTML 對象的屬性,如 input[type="text"],我們甚至可以使用 CSS3 的子字符串匹配屬性選擇器,匹配我們希望選取的對象,可以在那些使用類似 CSS 類的地方大大減少代碼量。
可以使用更多 display 類型
可以使用類似 display:inline-block 的代碼,這樣就不會再出現(xiàn)嵌套的 float:left 一類的混亂,也不必再舉棋不定地使用 overflow:hidden 一類的定義。(不過要等到 Firefox 3 出來)
使用 min-width 和 max-width
盡管 IE6 對 width 的實(shí)現(xiàn)很接近正確的 min-width,但總是不一樣。而且沒有涉及到 max-width,隨著 IE6 的消失,一種新的基于 block 的布局方式將復(fù)興,這種布局將更加靈活。
扔掉90%的 CSS Hack
不必再擔(dān)心諸如幽靈字符,神秘消失的 block,以及令人沮喪的雙 margin 一類的 BUG,也不必再為這些 BUG 寫專門的 Hack。
大膽使用縮寫()標(biāo)簽
盡管不是人人用得著這個(gè)標(biāo)簽。
可以大膽相信 z-index 了
不必再為層間錯(cuò)誤的堆疊次序抓耳撓腮,我們并沒做錯(cuò)什么,這是IE6堆疊BUG引起的。
省錢省時(shí)間
那些 IE6 Hack 花了我們不少時(shí)間和成本。
再次找回 Web 設(shè)計(jì)的快樂。
寫 CSS 將是一種快樂,因?yàn)闉g覽器會按照你想的樣子來,不過 IE7 什么時(shí)候消失?
有三件事,我們還得等等(直到IE7消失)
使用 CSS 計(jì)數(shù)器
我們不必再使用那個(gè)不被推薦的 start 屬性。
使用 box-sizing 屬性
CSS3 的 box-sizing 在 IE8和其他瀏覽器都可以使用,最終,我們可以自行選擇使用哪種 box 模型。
改進(jìn)的 JavaScript
對 javaScript 我們還有很多改進(jìn)的空間,一個(gè)簡單的事件監(jiān)聽機(jī)制,對合并后的 CSS 屬性的獲?。煽康墨@?。@些 IE7 還有很多缺陷。IE8 對 JavaScript 引擎做了較大的改進(jìn)。
IE6 具體消失的日子還很難講,尤其國內(nèi),至少要留出時(shí)間讓我們的幾大銀行重新編寫 ActiveX 吧
【編輯推薦】