国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

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

2024-07-11 08:32:50
字體:
來源:轉載
供稿:網友

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

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有效
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 进贤县| 家居| 汉沽区| 台山市| 施秉县| 英德市| 炎陵县| 伊宁市| 永寿县| 保亭| 台东市| 方城县| 云安县| 康保县| 五大连池市| 吉木萨尔县| 龙海市| 宜州市| 迁安市| 宝兴县| 漳州市| 湘阴县| 孟连| 万山特区| 焦作市| 元朗区| 柳林县| 阜新市| 瑞金市| 江陵县| 湛江市| 肇庆市| 郁南县| 铁岭市| 灵台县| 三亚市| 徐闻县| 福泉市| 唐山市| 克山县| 平乐县|