欧美日韩在线视频-欧美日韩在线视频观看-欧美日韩在线视频专区免费-欧美日韩在线网站-成人亚州-成人亚欧网站在线观看

020-85548809,29883069

網站建設、網站制作、微信小程序

網站建設

為您提供專業的網站建設服務

您當前的位置:首頁 - 網站建設 - 內容詳情

廣州奇億介紹什么是CSS Hack

   要說起前端工程師最痛恨的是什么,相信大多數人都會回答你,那就是萬惡的IE瀏覽器。

  為何要痛恨IE瀏覽器?主要就是因為IE8、IE7甚至IE6在國內的占有率過高,從而使得前端工程師不得不考慮自身web應用在這些瀏覽器上的兼容性問題。

  而這三者瀏覽器性能差,不兼容HTML5和CSS3技術,大大延緩了國內網站建設領域的發展腳步。

  而為了做到兼容這些瀏覽器,前段人員不得不在CSS中寫入了對應的CSS Hack,從而滿足不同瀏覽器的需求。

  什么是CSS Hack?

  由于IE、Chrome、Firefox、Safari等瀏覽器對CSS的解析方式不同,從而使得某些效果需要不同的CSS代碼才能實現。

  而通過編寫不同的CSS代碼用于不同的瀏覽器效果展現的行為,就稱為CSS Hack。

  而當今的高級瀏覽器(IE9以上、Chrome、Firefox、Safari)的內核對CSS解析大體相同,所以不需要獨特的代碼去區分,主要用到CSS Hack的還是在IE的前幾個版本中。

  CSS Hack如何運作?

  CSS Hack的主要原理是基于不同瀏覽器對于CSS代碼的不同解析方式,從而采用只有該瀏覽器才能識別的編碼形式進行編碼,以達到與其他瀏覽器區分的目的。

  例如IE6能夠識別“*”和“_”,而IE7只能識別“*”,高級瀏覽器兩者都不能識別。

  那么我們就能通過類似 .test { background: #000; (Firefox下背景色為黑色) *background: #f00; (IE7下背景色為紅色) _background: #fff; (IE6下背景色為白色) } 來對不同瀏覽器的背景色進行設置。

  其他CSS Hack寫法?

  除了之前提到的星號和下劃線之外,還有\9(選擇IE6以上的瀏覽器),\0(選擇IE8及以上瀏覽器),以及important(IE6無法識別)

  如果我們想要實現不同瀏覽器下的不同字體顏色,那么需要從高到底地進行設置,由于CSS的特性,后面的屬性會對前面進行覆蓋。 .font { color: #fff; (所有瀏覽器均能識別) color: #000\9;(IE6以上瀏覽器均覆蓋之前的顏色) color: #f00\0;(IE8覆蓋之前顏色) *color: #0f0;(IE6和IE7覆蓋之前顏色) _color: #00f;(IE6覆蓋之前顏色) } 所以該代碼在瀏覽器上字體顏色分別為:IE6藍色,IE7綠色,IE8紅色,IE9及以上黑色,其他高級瀏覽器白色。


主站蜘蛛池模板: 成人精品视频网站 | 91久久国产口精品久久久久 | 一级黄色香蕉视频 | 亚洲人成高清毛片 | 免费视频毛片 | 一级aaaaaa毛片免费 | 国产成人禁片免费观看视频 | 色18美女社区 | 国产特黄一级毛片特黄 | 免费国产综合视频在线看 | 最新精品亚洲成a人在线观看 | v片在线播放 | 欧美一级xxxx俄罗斯一级 | 国产一级做a爰片久久毛片 国产一级做a爰片久久毛片99 | 免费小视频在线观看 | 亚洲精品国自产拍影院 | 精品9e精品视频在线观看 | 国产片自拍 | 欧美三级一区二区 | 欧美一级淫片a免费播放口aaa | 精品国产精品久久一区免费式 | 91精品国产美女福到在线不卡 | vvvv99日韩精品亚洲 | a级片在线免费看 | 日韩久久中文字幕 | 久久在线视频播放 | 成人18免费入口 | 精品久久久久久无码中文字幕 | 网站免费满18成年在线观看 | 亚洲美女在线视频 | 欧美成人三级伦在线观看 | 在线精品国产三级 | 最刺激黄a大片免费观看下截 | 中文字幕在线观看亚洲日韩 | 国产精品久久久久三级 | 97超级碰碰碰免费公开在线观看 | 成人毛片视频免费网站观看 | 中国美女一级片 | 免费国产a国产片高清不卡 免费国产不卡午夜福在线 免费国产不卡午夜福在线观看 | 亚洲国产日韩欧美高清片a 亚洲国产日韩欧美在线 | 作爱视频在线免费观看 |