西西軟件園多重安全檢測下載網(wǎng)站、值得信賴的軟件下載站!
軟件
軟件
文章
搜索

首頁業(yè)內(nèi)動態(tài) 網(wǎng)絡雜燴 → 十步解決IE6的各種疑難雜癥

十步解決IE6的各種疑難雜癥

相關(guān)軟件相關(guān)文章發(fā)表評論 來源:司徒正美時間:2010/2/21 23:49:04字體大小:A-A+

作者:rubylouvre點擊:122次評論:0次標簽: IE

  • 類型:圖像瀏覽大。13.0M語言:英文 評分:3.8
  • 標簽:
立即下載

雖然我也很想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唯一認可的文檔類型,瀏覽器會自動轉(zhuǎn)換為上面那個。也不要用xhtml的文檔聲明了,它原本想搞到html成為過渡的產(chǎn)品,殊不知自己才是匆匆的過客。而且用了它,元素的nodeName可能會區(qū)分大小寫,非常麻煩。

2、使用position: relative
在布局中,永遠是先考慮定位布局然后才到浮動布局。IE的浮動模型令人狂抓。

3、使用display:inline
如果你一定要使用浮動,那請在后面跟緊display:inline。因為IE6存在一個很容易發(fā)生的bug。只要對塊狀容器元素設置了float和與float相同方向的margin值就會出現(xiàn)。如我們給div元素設置了float:left 和 margin-left:100px ,在IE6中就會變成margin-left:200px。

4、請不要使用注釋節(jié)點
這里涉及兩個可惡性的東西。一個是多余字符bug,可以參考本博客園的楊正祎(阿一)大大的這篇文章《歌劇院魅影bug 》 。第二個是IE全系列的查找API的bug,document.all,document.getElementsByTagName與document.querySelectorAll都有可能返回注釋節(jié)點。

5、懸浮效果記得使用帶有href屬性的a元素套嵌
在IE:hover只對a標簽有效,而且這標簽一定顯式設置了href屬性。

6、樣式設置中不要使用百分比
IE在計算百分比時存在問題。

7、讓元素獲取hasLayout
詳情請自行g(shù)oogle百度這一篇偉大的學術(shù)研究《On having layout》。我們可以用el.currentStyle.hasLayout來檢測它是否獲得layout,一個獲得layout的萬能方法是zoom:1。

8、嚴格遵守(x)html的套嵌規(guī)則
套嵌規(guī)則是定義在文檔類型中,文檔是按照它來解析的,雖然現(xiàn)在的瀏覽器都很醒目,但為了防止它們發(fā)神經(jīng),還是小心為妙。另,雖然對于某些元素會自動閉合,我們還是自己閉合吧,養(yǎng)成個好習慣是非常重要的。


9、提高你的javascrip水平
IE6許多東西都不支持或支持不好,但我們幾乎都可以用javascript來模擬,如各種關(guān)系偽類,子元素過濾偽類,屬性偽類,目標偽類, min-width與max-width,PNG的透明問題……

10、多來我的博客摸魚
湊個整數(shù)討個吉利。如發(fā)現(xiàn)什么好東西或bug我會第一時間報道給你們滴~~~^_^

    相關(guān)評論

    閱讀本文后您有什么感想? 已有人給出評價!

    • 8 喜歡喜歡
    • 3 頂
    • 1 難過難過
    • 5 囧
    • 3 圍觀圍觀
    • 2 無聊無聊

    熱門評論

    最新評論

    發(fā)表評論 查看所有評論(0)

    昵稱:
    表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
    字數(shù): 0/500 (您的評論需要經(jīng)過審核才能顯示)