html5兼容性問題(已修改)
2025-06-19 13:34 本頁面
【正文】 網(wǎng)頁設(shè)計html+css兼容性問題處理辦法匯總 標(biāo)準(zhǔn)網(wǎng)頁布局的兼容性處理標(biāo)準(zhǔn)網(wǎng)頁設(shè)計的最大挑戰(zhàn)不在于技術(shù)本身，而在于瀏覽器兼容性處理。所謂瀏覽器兼容問題，就是當(dāng)我們使用不同的瀏覽器（如IE IE Firefox等）訪問同一個頁面時，可能會出現(xiàn)不一致的情況，出現(xiàn)這種現(xiàn)象的原因有很多種，但根本原因就是瀏覽器對于技術(shù)支持的標(biāo)準(zhǔn)不同造成的。IE瀏覽器對于標(biāo)準(zhǔn)技術(shù)的支持是很不完善的，這些問題可以分為兩種：一種是IE支持某種技術(shù)或功能，但是實現(xiàn)該功能的方法和途徑與標(biāo)準(zhǔn)技術(shù)不同；另一種是IE瀏覽器自身的解析機(jī)制存在很多Bug，導(dǎo)致頁面解析效果與標(biāo)準(zhǔn)不同。本章將兼顧IE IE 7和FF三種主流版本或類型瀏覽器進(jìn)行講解，其中IE 6瀏覽器用戶數(shù)最多，IE 7的用戶將逐步超越和代替IE 6，而FF瀏覽器代表了標(biāo)準(zhǔn)瀏覽器的主流。1 兼容不同類型瀏覽器的基本方法不同類型瀏覽器對于CSS技術(shù)的支持是不完全統(tǒng)一的，如果再加上瀏覽器對于CSS解析時存在各種Bug，CSS兼容性處理就變得異常復(fù)雜。解決瀏覽器兼容問題的方法，這些方法被稱之為Hack（即補(bǔ)丁的意思）。所謂Hack，就是利用各種過濾方法專門為特定類型瀏覽器定義樣式，即稱之為過濾器（Filter），從而實現(xiàn)在不同類型瀏覽器中呈現(xiàn)相同的渲染效果。過濾器是一種形象的稱呼，實際上它就是各種瀏覽器支持或不支持某種聲明或樣式的特殊用法。例如，IE 6以下版本瀏覽器不支持!important關(guān)鍵字，我們就可以利用這個關(guān)鍵字專門為IE 6及其以上版本瀏覽器或者非IE瀏覽器定義樣式，從而過濾掉IE 6以下版本瀏覽器在解析時存在的問題。21 標(biāo)準(zhǔn)網(wǎng)頁布局的兼容性處理 常用過濾器目前全球設(shè)計師發(fā)現(xiàn)并總結(jié)出來的過濾器非常多，要記住這些過濾器是很繁瑣的，讀者可以參閱31 標(biāo)準(zhǔn)網(wǎng)頁布局的兼容性處理 常用過濾器41 標(biāo)準(zhǔn)網(wǎng)頁布局的兼容性處理 常用過濾器IE 7版本瀏覽器專用過濾器如果專門為IE 7版本瀏覽器定義樣式，則可以使用如下過濾器。該過濾器還可以兼容即將上市的IE 8版本瀏覽器。style type=text/css*+html body {background:blue。}/style兼容原理：“*”符號在IE瀏覽器中被認(rèn)為是根節(jié)點，所以它可以包含html元素，而對于非IE瀏覽器來說，文檔根節(jié)點應(yīng)該是html，而不是“*”，所以當(dāng)使用“*”通用符號包含html元素時，非IE瀏覽器會認(rèn)為它是非法的，從而忽略這個選擇器所定義的樣式。同時IE 6及其以下版本瀏覽器不支持相鄰選擇器（+），所以也會忽略該選擇器定義的樣式。51 標(biāo)準(zhǔn)網(wǎng)頁布局的兼容性處理 常用過濾器IE 6及其以下版本瀏覽器專用style type=text/css* html body {background:red。}/style不過從語法角度分析，IE 7應(yīng)該支持*通用符號包含html元素，但事實上并不支持，所以這也是一個很有趣的過濾器。61 標(biāo)準(zhǔn)網(wǎng)頁布局的兼容性處理 常用過濾器IE 7和非IE瀏覽器專用style type=text/csshtmlbody {background:green。}/style兼容原理：因為IE 6及其以下版本瀏覽器不支持子選擇器，所以會忽略該過濾器定義的樣式。71 標(biāo)準(zhǔn)網(wǎng)頁布局的兼容性處理 常用過濾器非IE瀏覽器專用style type=text/csshtml/**/body {background:yellow。}/style在IE 8中存在問題，需要使用其他方法。81 標(biāo)準(zhǔn)網(wǎng)頁布局的兼容性處理 使用IE條件語句過濾IE條件語句是IE瀏覽器自定義的一套邏輯語句，利用這些語句可以更加有效的為IE系列版本瀏覽器定義樣式。IE條件語句實際上就是HTML注釋語句，只不過在注釋標(biāo)識符中增加了一組關(guān)鍵字，這一組關(guān)鍵字對于IE瀏覽器來說是有效的，但是對于其他瀏覽器來說，則被視為注釋信息完全忽略。由于IE瀏覽器能夠根據(jù)條件語句中設(shè)置的條件決定解析的版本，從而實現(xiàn)利用條件為不同IE版本瀏覽器
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號-1