日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁 > 云知道 > >

10個(gè)技巧幫你搞定IE6的辦法介紹

云知道

但對于整個(gè)互聯(lián)網(wǎng)，IE6仍然是用戶最多的瀏覽器 。暫不說IE6怎樣，把Web的表現(xiàn)做得更好，既是一種責(zé)任，也是一種能力的表現(xiàn) 。如果你依然對IE6所出現(xiàn)的種種問題無可奈何，就讓我?guī)銇砜匆幌聛碜許itePoint的 10 Fixes That Solve IE6 Problems，學(xué)會這10個(gè)方法，你將可以解決大部分IE6出現(xiàn)的問題 。

10個(gè)技巧幫你搞定IE6的辦法介紹


1. 使用 DOCTYPE
你需要在HTML頁面的最頂部加上DOCTYPE類型，當(dāng)然，strict版是值得推薦的，例如：
代碼如下:
"http://www.w3.org/TR/html4/strict.dtd">
或者, XHTML頁面的!DOCTYPE：
代碼如下:
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
你最不想看到的是，IE6進(jìn)入怪癖模式 – 其實(shí)已經(jīng)夠多怪癖了 。
2. 設(shè)置position: relative
設(shè)置position:relative解決了不止一個(gè)問題，特別當(dāng)需要設(shè)置對齊的時(shí)候 。很明顯，你需要明白的一點(diǎn)是，絕對定位是相對來說的 。說不定，因?yàn)槟銢]有設(shè)置，而不知道東西都飛到那去了 。比如，你設(shè)計(jì)了每篇文章前都有一張圖片，最后，你發(fā)現(xiàn)，只有一張圖片在頁面上，或許，是他們重疊了 。
3. 給浮動元素設(shè)置 display:inline 值
這源于著名的IE6雙倍外邊距BUG，例如，你給一個(gè)DIV設(shè)計(jì)了浮動，并且，設(shè)置了margin-left:5px;，在IE6中很可能就是margin-left:10px了，這里，給浮動元素設(shè)置 display:inline;，即可解決問題 。
【10個(gè)技巧幫你搞定IE6的辦法介紹】4. 為元素設(shè)置 hasLayout
很多IE6(或IE7)的問題可以用設(shè)置hasLayout值的方法來解決 。(如果你不知道hasLayout是什么，請看這里)
最簡單的給元素設(shè)置hasLayout值的方法是給加上CSS 的height或width(當(dāng)然，zoom也可以用，但這不是CSS的一部分) 。設(shè)置一個(gè)具體的值是推薦的，但有時(shí)候并不一定知道高度多少，這里，你可能會用到height:1% 。如果父元素沒有設(shè)置高度，那么元素的物理高度并不會改變，但是，已經(jīng)具備hasLayout屬性 。
5. 解決字符重復(fù)出現(xiàn)的問題
復(fù)雜的布局可能導(dǎo)致一些浮動元素里面的文字，出現(xiàn)在清理浮動位置的下面 。這是一個(gè)奇怪的問題，下面這此可以幫你解決：
確保浮動元素設(shè)置了 display:inline;
在浮動元素中使用 margin-right:-3px;
在浮動元素的最后一個(gè)元素后加上一個(gè)IE注釋，例如：
在最后的元素中加上一個(gè)DIV(這以設(shè)置width 為90% 或者其他相似的高度)
UPDATE: 最簡單的方法是刪除掉所有注釋 。(感謝恬瑋兒的提示，我自己并沒有遇到過，不過，google了一下，發(fā)現(xiàn)這個(gè)方法也可以解決，并且，這是值得推薦的一個(gè)方法 。)
你可以到positioniseverything.net中查看更多關(guān)于這個(gè)的解釋 。
6.只在標(biāo)簽中使用hover，IE6只支持標(biāo)簽顯示hover樣式
當(dāng)然，你還是可以通過JS來解決這個(gè)方法 。但是，這關(guān)于到可訪問性的問題 。建議不要把重要的內(nèi)容設(shè)置在利用JS來實(shí)現(xiàn)的hover中 。
7. 使用!important 或高級選擇器來區(qū)分IE瀏覽器
比如min-height可以避免使用CSS來實(shí)現(xiàn)對IE的兼容 。
代碼如下:
#element {
min-height: 20em;
height: auto !important;
height: 20em; /* 讓IE6顯示這個(gè)高度 */
}
IE6 并不能正確地識別min-height，可以設(shè)置固定的高度，讓IE6解析為20em 。即使如此，它還是會因?yàn)閮?nèi)容的尺寸擴(kuò)大而改變高度 。而另一個(gè)方法是使用高級選擇器：
代碼如下:
#element {
min-height: 20em;
height: 20em;
}
/* 忽略 IE6 */
#element[id] {
height: auto;
}
8. 避免按比例確定的尺寸
比例會讓IE6變得錯(cuò)亂，除非你給父元素添加一個(gè)確切的高度 。不然，給其他的加上!important，例如：

推薦閱讀