本篇文章為大家展示了如何快速解決瀏覽器的兼容性的問(wèn)題，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。
公司主營(yíng)業(yè)務(wù)：網(wǎng)站建設(shè)、做網(wǎng)站、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶(hù)真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶(hù)帶來(lái)驚喜。創(chuàng)新互聯(lián)公司推出英吉沙免費(fèi)做網(wǎng)站回饋大家。
由于各瀏覽器對(duì)頁(yè)面的解析不同，會(huì)導(dǎo)致頁(yè)面在不同瀏覽器中顯示的樣式不一致，為了保持頁(yè)面的統(tǒng)一，經(jīng)常需要對(duì)瀏覽器進(jìn)行兼容性問(wèn)題的調(diào)試。
CSS Hack
面對(duì)瀏覽器諸多的兼容性問(wèn)題，經(jīng)常需要通過(guò)CSS樣式來(lái)調(diào)試，其中用的最多的就是CSS Hack。所謂CSS Hack就是針對(duì)不同的瀏覽器書(shū)寫(xiě)不同的CSS樣式，通過(guò)使用某個(gè)瀏覽器單獨(dú)識(shí)別的樣式代碼，控制該瀏覽器的顯示效果。CSS Hack主要分為兩類(lèi)
CSS 選擇器Hack
CSS選擇器Hack是指通過(guò)在CSS選擇器的前面，加上一些只有特定瀏覽器才能識(shí)別的Hack前綴，來(lái)控制不同的CSS樣式。針對(duì)不同版本的瀏覽器，選擇器Hack分為以下幾類(lèi)：
（1）IE6及IE6以下版本識(shí)別的選擇器Hack
書(shū)寫(xiě)CSS樣式時(shí)，如果希望此樣式只對(duì)IE6及IE6以下版本的瀏覽器生效，可以使用IE6及以下版本的選擇器Hack，其基本語(yǔ)法如下：
* html 選擇器{樣式代碼}
（2）IE7識(shí)別的選擇器Hack
書(shū)寫(xiě)CSS樣式時(shí)，如果希望此樣式只對(duì)IE7瀏覽器生效，可以使用IE7識(shí)別的選擇器Hack，其基本語(yǔ)法如下：
*+html 選擇器{樣式代碼}
CSS屬性Hack
這里小強(qiáng)老師，把屬性hack分為 前綴屬性hack和 后綴屬性hack
| CSS屬性Hack（前綴） | 針對(duì)的瀏覽器 |
| _color:red; | IE6及其以下的版本 |
| *color:red ;或者 +color:red; | IE7及其以下的版本 |
| CSS屬性Hack（后綴） | 針對(duì)的瀏覽器 |
| color:red\9; | IE6/IE7/IE8/IE9/IE10版本 |
| color:red\0; | IE8/IE9/IE10版本 |
| color:red\9\0; | IE9/IE10 |
| color:red!important | IE7/IE8/IE9/IE10及其他非IE瀏覽器 |
其實(shí)，現(xiàn)在越來(lái)越的公司，不太讓兼容ie6了，現(xiàn)在比較關(guān)心的是ie8.910等高版本的瀏覽器，因此這里小強(qiáng)老師也總結(jié)了ie專(zhuān)屬hack ，比如ie8等。
| 選擇器Hack寫(xiě)法 | 針對(duì)于的瀏覽器 |
| @media screen\9{body { background: red; }} | 只對(duì)IE6/7生效 |
| @media \0screen {body { background: red; }} | 只對(duì)IE8生效 |
| @media \0screen\,screen\9{body { background: blue; }} | 只對(duì)IE6/7/8有效 |
| @media screen\0 {body { background: green; }} | 只對(duì)IE8/9/10有效 |
| @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {body { background: orange; }} | 只對(duì)IE10有效 |
如果樣式比較多，條件注釋?zhuān)遣诲e(cuò)的選擇：
IE條件注釋語(yǔ)句
| IE條件注釋語(yǔ)句 | 針對(duì)的瀏覽器版本 |
| IE7 以下版本 | |
| IE7及以下版本（包含IE7） | |
| IE7 以上版本 | |
| IE7及以上版本（包含IE7） | |
| 非IE7版本 | |
| 您使用不是 Internet Explorer | 非IE瀏覽器 |
上述內(nèi)容就是如何快速解決瀏覽器的兼容性的問(wèn)題，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
重慶分公司
重慶分公司
