最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁 - 科技 - 知識(shí)百科 - 正文

瀏覽器hack總結(jié)詳細(xì)的瀏覽器兼容性解決方法

來源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 16:41:05
文檔

瀏覽器hack總結(jié)詳細(xì)的瀏覽器兼容性解決方法

瀏覽器hack總結(jié)詳細(xì)的瀏覽器兼容性解決方法:由于各瀏覽器對(duì)頁面的解析不同,會(huì)導(dǎo)致頁面在不同瀏覽器中顯示的樣式不一致,為了保持頁面的統(tǒng)一,經(jīng)常需要對(duì)瀏覽器進(jìn)行兼容性問題的調(diào)試。 CSS Hack 面對(duì)瀏覽器諸多的兼容性問題,經(jīng)常需要通過CSS樣式來調(diào)試,其中用的最多的就是CSS Hack。所謂CSS Ha
推薦度:
導(dǎo)讀瀏覽器hack總結(jié)詳細(xì)的瀏覽器兼容性解決方法:由于各瀏覽器對(duì)頁面的解析不同,會(huì)導(dǎo)致頁面在不同瀏覽器中顯示的樣式不一致,為了保持頁面的統(tǒng)一,經(jīng)常需要對(duì)瀏覽器進(jìn)行兼容性問題的調(diào)試。 CSS Hack 面對(duì)瀏覽器諸多的兼容性問題,經(jīng)常需要通過CSS樣式來調(diào)試,其中用的最多的就是CSS Hack。所謂CSS Ha


(2)IE7識(shí)別的選擇器Hack

書寫CSS樣式時(shí),如果希望此樣式只對(duì)IE7瀏覽器生效,可以使用IE7識(shí)別的選擇器Hack,其基本語法如下:

*+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)在越來越的公司,不太讓兼容ie6了,現(xiàn)在比較關(guān)心的是ie8.910等高版本的瀏覽器,因此這里小強(qiáng)老師也總結(jié)了ie專屬hack ,比如ie8等。

選擇器Hack寫法 針對(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有效

如果樣式比較多,條件注釋,是不錯(cuò)的選擇:

IE條件注釋語句

IE條件注釋語句 針對(duì)的瀏覽器版本
內(nèi)容 IE7 以下版本
內(nèi)容 IE7及以下版本(包含IE7)
內(nèi)容 IE7 以上版本
內(nèi)容 IE7及以上版本(包含IE7)
內(nèi)容 非IE7版本
您使用不是 Internet Explorer 非IE瀏覽器

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

瀏覽器hack總結(jié)詳細(xì)的瀏覽器兼容性解決方法

瀏覽器hack總結(jié)詳細(xì)的瀏覽器兼容性解決方法:由于各瀏覽器對(duì)頁面的解析不同,會(huì)導(dǎo)致頁面在不同瀏覽器中顯示的樣式不一致,為了保持頁面的統(tǒng)一,經(jīng)常需要對(duì)瀏覽器進(jìn)行兼容性問題的調(diào)試。 CSS Hack 面對(duì)瀏覽器諸多的兼容性問題,經(jīng)常需要通過CSS樣式來調(diào)試,其中用的最多的就是CSS Hack。所謂CSS Ha
推薦度:
標(biāo)簽: 瀏覽器 解決方法 兼容
  • 熱門焦點(diǎn)

最新推薦

猜你喜歡

熱門推薦

專題
Top