雖然我也很想IE6早點死,但個人的主觀能動性畢竟太有限了,我們唯一能做的是用一些手段減輕IE6帶來的痛苦。
1.使用文件類型盡量使用最嚴格的文件類型,確保你的頁面在標準模式下運作。雖然用了它們,你可能不能用許多標籤,如b,s,font等,但它們都可以用CSS來代替。
1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2." http://www.w3.org/TR/html4/strict.dtd ">
或是最簡單的<!doctype html">,這是HTML5唯一認可的文檔類型,瀏覽器會自動轉換為上面那個。也不要用xhtml的文檔聲明了,它原本想搞到html成為過渡的產品,殊不知自己才是匆匆的過客。
2、使用position: relative
在佈局中,永遠是先考慮定位佈局然後才到浮動佈局。 IE的浮動模型令人狂抓。
3.使用display:inline
如果你一定要使用浮動,那請在後面跟著display:inline。因為IE6存在一個很容易發生的bug。只要對塊狀容器元素設定了float和與float相同方向的margin值就會出現。如我們為div元素設定了float:left 和margin-left:100px ,在IE6就會變成margin-left:200px。
4.請不要使用註解節點這裡涉及兩個可惡性的東西。一個是多餘字符bug,可以參考本博客園的楊正禕(阿一)大大的這篇文章《歌劇院魅影bug 》 。第二個是IE全系列的查找API的bug,document.all,document.getElementsByTagName與document.querySelectorAll都有可能傳回註解節點。
5.懸浮效果記得使用帶有href屬性的a元素套嵌在IE:hover只對a標籤有效,而且這標籤一定明確設定了href屬性。
6.樣式設定中不要使用百分比
IE在計算百分比時有問題。
7.讓元素取得hasLayout
詳情請自行google百度這篇偉大的學術研究《On having layout》。我們可以用el.currentStyle.hasLayout來偵測它是否獲得layout,一個獲得layout的萬用方法是zoom:1。
8.嚴格遵守(x)html的套嵌規則套嵌規則是定義在文檔類型中,文檔是按照它來解析的,雖然現在的瀏覽器都很醒目,但為了防止它們發神經,還是小心為妙。另,雖然某些元素會自動閉合,我們還是自己閉合吧,養成個好習慣是非常重要的。
9.提高你的javascrip水平
IE6許多東西都不支援或支援不好,但我們幾乎都可以用javascript來模擬,如各種關係偽類,子元素過濾偽類,屬性偽類,目標偽類, min-width與max-width, PNG的透明問題…
10、多來我的部落格摸魚湊個整數討個吉利。如發現什麼好東西或bug我會第一時間報道給你們滴~~~^_^