麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發 > CSS > 正文

瀏覽器hack總結 詳細的瀏覽器兼容性的快速解決方法

2024-07-11 09:07:31
字體:
來源:轉載
供稿:網友

由于各瀏覽器對頁面的解析不同,會導致頁面在不同瀏覽器中顯示的樣式不一致,為了保持頁面的統一,經常需要對瀏覽器進行兼容性問題的調試。

CSS Hack

面對瀏覽器諸多的兼容性問題,經常需要通過CSS樣式來調試,其中用的最多的就是CSS Hack。所謂CSS Hack就是針對不同的瀏覽器書寫不同的CSS樣式,通過使用某個瀏覽器單獨識別的樣式代碼,控制該瀏覽器的顯示效果。CSS Hack主要分為兩類

CSS 選擇器Hack

CSS選擇器Hack是指通過在CSS選擇器的前面,加上一些只有特定瀏覽器才能識別的Hack前綴,來控制不同的CSS樣式。針對不同版本的瀏覽器,選擇器Hack分為以下幾類:

(1)IE6及IE6以下版本識別的選擇器Hack

書寫CSS樣式時,如果希望此樣式只對IE6及IE6以下版本的瀏覽器生效,可以使用IE6及以下版本的選擇器Hack,其基本語法如下:

* html 選擇器{樣式代碼}

(2)IE7識別的選擇器Hack

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

*+html 選擇器{樣式代碼}

CSS屬性Hack

這里小強老師,把屬性hack分為 前綴屬性hack和 后綴屬性hack

 

CSS屬性Hack(前綴) 針對的瀏覽器
_color:red; IE6及其以下的版本
*color:red ;或者 +color:red; IE7及其以下的版本
CSS屬性Hack(后綴) 針對的瀏覽器
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瀏覽器

 

其實,現在越來越的公司,不太讓兼容ie6了,現在比較關心的是ie8.910等高版本的瀏覽器,因此這里小強老師也總結了ie專屬hack ,比如ie8等。

 

選擇器Hack寫法 針對于的瀏覽器
@media screen/9{body { background: red; }} 只對IE6/7生效
@media /0screen {body { background: red; }} 只對IE8生效
@media /0screen/,screen/9{body { background: blue; }} 只對IE6/7/8有效
@media screen/0 {body { background: green; }} 只對IE8/9/10有效
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {body { background: orange; }} 只對IE10有效

 

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

IE條件注釋語句

 

IE條件注釋語句 針對的瀏覽器版本
<!--[if lt IE 7]>內容<![endif]-->   IE7 以下版本
<!--[if lte IE 7]>內容<![endif]--> IE7及以下版本(包含IE7)
<!--[if gt IE 7]>內容<![endif]--> IE7 以上版本
<!--[if gte IE 7]>內容<![endif]--> IE7及以上版本(包含IE7)
<!--[if !IE 7]>內容<![endif]--> 非IE7版本
<!--[if !IE]><!-->您使用不是 Internet Explorer<!--<![endif]--> 非IE瀏覽器

 

以上就是小編為大家帶來的瀏覽器hack總結 詳細的瀏覽器兼容性的快速解決方法的全部內容了,希望大家多多支持腳步之家。

原文地址:http://www.cnblogs.com/androidshouce/archive/2016/06/16/5589770.html


注:相關教程知識閱讀請移步到CSS教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 法国性xxx精品hd专区 | 国产精品九九久久一区hh | 国产一区网址 | 黄色av一区二区三区 | 欧美成人高清视频 | 亚洲一级簧片 | av成人在线播放 | 一级大片一级一大片 | 日本黄色一级视频 | av一道本 | 国产精品jk白丝蜜臀av软件 | 成人在线免费观看小视频 | 日韩精品中文字幕一区二区 | 成人aaaaa片毛片按摩 | 日韩视 | 日本黄色一级视频 | 91av亚洲| 狼人狠狠干 | 一级黄色影片在线观看 | 99精品国产一区二区三区 | av在线免费播放网站 | av成人免费在线观看 | 亚洲小视频在线观看,com | 黄色网络免费看 | 国产1区2| 久草在线网址 | 色七七亚洲 | 国产午夜精品一区二区三区在线观看 | 久久久久一区二区三区 | 在线观看国产一区二区三区 | 免费视频www在线观看 | 欧美久久久久久久久 | 久久精品视频12 | 欧美日韩综合视频 | www嫩草 | 性看小视频 | 91成人在线网站 | 污片在线观看视频 | 精品国产一区在线观看 | 精品国产一区三区 | 久久毛片免费观看 |