IE6 死后即將大快人心的10件事
作者: its
|
發布: 2009/4/16 (上午 09:21)
|
閱讀: 32382
|
評論: 0
|
靜態地址
|
內容源碼
很多人以為IE6已經死了,也許只有設計師這樣認為,現實世界中IE6的使用者大有人在,不過不會維持很久,IE8已經推出,微軟對IE8的推廣不遺余力,同時,不少人從IE轉到別的瀏覽器,總有一天,IE6會被棄之如敝履,沒有人愿意再提起,那時,有10件事會大快人心。
-
使用 CSS 2 的 child 選擇器
不必再寫一大堆規則在某個對象的子對象中篩選,CSS2 的子選擇器(child selectors)可以選擇某個對象下直接的子對象。
-
放心使用 24 位 PNG 圖片(透明不再是問題)
不必象以前那樣在不同背景方案下設計不同的圖片邊緣反鋸齒方案,使用 PNG 的 Alpha 通道,我們可以用圖片實現陰影,眩光以及透明效果。
-
使用屬性選擇器
不必再寫類似 <input class="text" /> 一類的代碼,告訴瀏覽器當前輸入框使用什么式樣類,CSS2可以直接選擇 HTML 對象的屬性,如 input[type="text"],我們甚至可以使用 CSS3 的子字符串匹配屬性選擇器,匹配我們希望選取的對象,可以在那些使用類似 CSS 類的地方大大減少代碼量。
-
可以使用更多 display 類型
可以使用類似 display:inline-block 的代碼,這樣就不會再出現嵌套的 float:left 一類的混亂,也不必再舉棋不定地使用 overflow:hidden 一類的定義。(不過要等到 Firefox 3 出來)
-
使用 min-width 和 max-width
盡管 IE6 對 width 的實現很接近正確的 min-width,但總是不一樣。而且沒有涉及到 max-width,隨著 IE6 的消失,一種新的基于 block 的布局方式將復興,這種布局將更加靈活。
-
扔掉90%的 CSS Hack
不必再擔心諸如幽靈字符,神秘消失的 block,以及令人沮喪的雙 margin 一類的 BUG,也不必再為這些 BUG 寫專門的 Hack。
-
大膽使用縮寫(<abbr>)標簽
盡管不是人人用得著這個標簽。
-
可以大膽相信 z-index 了
不必再為層間錯誤的堆疊次序抓耳撓腮,我們并沒做錯什么,這是IE6堆疊BUG引起的。
-
省錢省時間
那些 IE6 Hack 花了我們不少時間和成本。
-
再次找回 Web 設計的快樂。
寫 CSS 將是一種快樂,因為瀏覽器會按照你想的樣子來,不過 IE7 什么時候消失?
有三件事,我們還得等等(直到IE7消失)
-
使用 CSS 計數器
我們不必再使用那個不被推薦的 start 屬性。
-
使用 box-sizing 屬性
CSS3 的 box-sizing 在 IE8和其他瀏覽器都可以使用,最終,我們可以自行選擇使用哪種 box 模型。
-
改進的 JavaScript
對 javaScript 我們還有很多改進的空間,一個簡單的事件監聽機制,對合并后的 CSS 屬性的獲取(可靠的獲取),這些 IE7 還有很多缺陷。IE8 對 JavaScript 引擎做了較大的改進。
IE6 具體消失的日子還很難講,尤其國內,至少要留出時間讓我們的幾大銀行重新編寫 ActiveX 吧 - 譯者。
延伸閱讀
本文國際來源:http://www.sitepoint.com/blogs/2009/04/14/10-cool-things-well-be-able-to-do-once-ie6-is-dead/ 中文翻譯來源:COMSHARP CMS 官方網站
|