煩人的IE兼容今天給予完整的解答

做網(wǎng)站的時(shí)候煩人的就是IE的不兼容，這也害苦了不知道多少的編碼師。今天佛山網(wǎng)絡(luò)公司創(chuàng)新互聯(lián)小陸就為大家特地的講解一下網(wǎng)站的兼容如何的解決。
特別是對(duì)完全使用DIV+CSS設(shè)計(jì)的網(wǎng)頁(yè)，就應(yīng)該更注意IE6 IE7 FF對(duì)CSS樣式的兼容，不然，你的網(wǎng)頁(yè)可能亂的一塌糊涂！我經(jīng)常被這些東西整的焦頭爛額,于是呼在網(wǎng)上找了些資料,加上自己的理解和這些日子的經(jīng)驗(yàn),整理了一些資料,其中有一些我還沒用到的和還不能理解的,就直接從別的地方給粘了過(guò)來(lái),不知道有沒有錯(cuò)誤,等我以后用到的時(shí)候慢慢改吧,希望對(duì)大家有點(diǎn)幫助!什么是瀏覽器兼容：當(dāng)我們使用不同的瀏覽器（Firefox IE7 IE6）訪問(wèn)同一個(gè)網(wǎng)站，或者頁(yè)面的時(shí)候，會(huì)出現(xiàn)一些不兼容的問(wèn)題，在這種瀏覽器下顯示正常，在另一種下就亂了，我們?cè)诰帉慍SS的時(shí)候會(huì)很惱火，剛修復(fù)了這個(gè)瀏覽器的問(wèn)題，結(jié)果另外一個(gè)瀏覽器卻出了新問(wèn)題。important (功能有限)
隨著IE7對(duì)!important的支持, !important 方法現(xiàn)在只針對(duì)IE6的兼容.(注意寫法.記得該聲明位置需要提前.)
例如:
#example {
width: 100px !important; /* IE7+FF */
width: 200px; /* IE6 */
}
二、CSS HACK的方法(新手可以看看，高手就當(dāng)路過(guò)吧)
首先需要知道的是：
所有瀏覽器 通用 height: 100px;
IE6 專用 _height: 100px;
IE7 專用 *+height: 100px;
IE6、IE7 共用 *height: 100px;
IE7、FF 共用 height: 100px !important;
例如：
#example { height:100px; } /* FF */
* html #example { height:200px; } /* IE6 */
*+html #example { height:300px; } /* IE7 */
下面的這種方法比較簡(jiǎn)單
舉幾個(gè)例子：
1、IE6 - IE7+FF
#example {
height:100px; /* FF+IE7 */
_height:200px; /* IE6 */
}
其實(shí)這個(gè)用上面說(shuō)的第一種方法也可以
#example {
height:100px !important; /* FF+IE7 */
height:200px; /* IE6 */
}
2、IE6+IE7 - FF
#example {
height:100px; /* FF */
*height:200px; /* IE6+IE7 */
}
3、IE6+FF - IE7
#example {
height:100px; /* IE6+FF */
*+height:200px; /* IE7 */
}
4、IE6 IE7 FF 各不相同
#example {
height:100px; /* FF */
_height:200px; /* IE6 */
*+height:300px; /* IE7 */
}
或：
#example {
height:100px; /* FF */
*height:300px; /* IE7 */
_height:200px; /* IE6 */
}
需要注意的是，代碼的順序一定不能顛倒了，要不又前功盡棄了。因?yàn)闉g覽器在解釋程序的時(shí)候，如果重名的話，會(huì)用后面的覆蓋前面的，就象給變量賦值一個(gè)道理，所以我們把通用的放前面，越專用的越放后面
解釋一下4的代碼：
讀代碼的時(shí)候，第一行height:100px; 大家都通用，IE6 IE7 FF 都顯示100px
到了第二行*height:300px; FF不認(rèn)識(shí)這個(gè)屬性，IE6 IE7都認(rèn)，所以FF還顯示100px，而IE6 IE7把第一行得到的height屬性給覆蓋了，都顯示300px
到了第三行_height:200px;只有IE6認(rèn)識(shí)，所以IE6就又覆蓋了在第二行得到的height,顯示200px
這樣，三個(gè)瀏覽器都有自己的height屬性了，各玩各的去吧
這樣說(shuō)要是你還不明白，要么你去撞墻，要么我去!不過(guò)還是你去比較好。
哦，差點(diǎn)忘了說(shuō)了：
*+html 對(duì)IE7的兼容 必須保證HTML頂部有如下聲明：

本文標(biāo)題：煩人的IE兼容今天給予完整的解答
路徑分享：http://www.bm7419.com/news/212069.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、外貿(mào)建站、手機(jī)網(wǎng)站建設(shè)、建站公司、全網(wǎng)營(yíng)銷推廣、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)