資源描述：
《div+css設(shè)計(jì)時(shí)瀏覽器兼容性問題》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、DIV+CSS設(shè)計(jì)時(shí)瀏覽器兼容性問題在這種瀏覽器下顯示正常，在另一種下就亂了，我們在編寫CSS的時(shí)候會(huì)很惱火，剛修復(fù)了這個(gè)瀏覽器的問題，結(jié)果另外一個(gè)瀏覽器卻出了新問題。什么是瀏覽器兼容：當(dāng)我們使用不同的瀏覽器（FirefoxIE7IE6）訪問同一個(gè)網(wǎng)站，或者頁面的時(shí)候，會(huì)出現(xiàn)一些不兼容的問題，在這種瀏覽器下顯示正常，在另一種下就亂了，我們在編寫CSS的時(shí)候會(huì)很惱火，剛修復(fù)了這個(gè)瀏覽器的問題，結(jié)果另外一個(gè)瀏覽器卻出了新問題。好吧，我服了行吧，那我就利用你們的不兼容各寫一段css,讓他們各執(zhí)行各的，呵呵。一、!important(功能有
2、限)隨著IE7對(duì)!important的支持,!important方法現(xiàn)在只針對(duì)IE6的兼容.(注意寫法.記得該聲明位置需要提前.)例如:#example{width:100px!important;/*IE7+FF*/width:200px;/*IE6*/}二、CSSHACK的方法(新手可以看看，高手就當(dāng)路過吧)首先需要知道的是：所有瀏覽器通用height:100px;IE6專用_height:100px;IE7專用*+height:100px;IE6、IE7共用*height:100px;IE7、FF共用height:100px!
3、important;例如：#example{height:100px;}/*FF*/*html#example{height:200px;}/*IE6*/*+html#example{height:300px;}/*IE7*/下面的這種方法比較簡單舉幾個(gè)例子：1、IE6-IE7+FF#example{height:100px;/*FF+IE7*/_height:200px;/*IE6*/}其實(shí)這個(gè)用上面說的第一種方法也可以#example{height:100px!important;/*FF+IE7*/height:200px;/
4、*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、IE6IE7FF各不相同#example{height:100px;/*FF*/_height:200px;/*IE6*/*+height:300px;/*IE7*/}或：#example{height:100px;/*FF*/*height:300px
5、;/*IE7*/_height:200px;/*IE6*/}需要注意的是，代碼的順序一定不能顛倒了，要不又前功盡棄了。因?yàn)闉g覽器在解釋程序的時(shí)候，如果重名的話，會(huì)用后面的覆蓋前面的，就象給變量賦值一個(gè)道理，所以我們把通用的放前面，越專用的越放后面解釋一下4的代碼：讀代碼的時(shí)候，第一行height:100px;大家都通用，IE6IE7FF都顯示100px到了第二行*height:300px;FF不認(rèn)識(shí)這個(gè)屬性，IE6IE7都認(rèn)，所以FF還顯示100px，而IE6IE7把第一行得到的height屬性給覆蓋了，都顯示300px到了第三行_
6、height:200px;只有IE6認(rèn)識(shí)，所以IE6就又覆蓋了在第二行得到的height,最終顯示200px這樣，三個(gè)瀏覽器都有自己的height屬性了，各玩各的去吧這樣說要是你還不明白，要么你去撞墻，要么我去!不過還是你去比較好。哦，差點(diǎn)忘了說了：*+html對(duì)IE7的兼容必須保證HTML頂部有如下聲明：〈!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"〉三、使用IE專用的條件注釋〈!--其他
7、瀏覽器--〉〈linkrel="stylesheet"type="text/css"href="css.css"/〉〈!--[ifIE7]〉〈!--適合于IE7--〉〈linkrel="stylesheet"type="text/css"href="ie7.css"/〉〈![endif]--〉〈!--[iflteIE6]〉〈!--適合于IE6及以下--〉〈linkrel="stylesheet"type="text/css"href="ie.css"/〉〈![endif]--〉貌似要編三套css，我還沒用過，先粘過來再說IE的if條
8、件Hack1.〈!--[if!IE]〉〈!--〉除IE外都可識(shí)別〈!--〈![endif]--〉2.〈!--[ifIE]〉所有的IE可識(shí)別〈![endif]--〉3.〈!--[ifIE5.0]〉只有IE5.0可以識(shí)別〈![endif]
