溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“CSS Hack技術的原理和用法”，在日常操作中，相信很多人在CSS Hack技術的原理和用法問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”CSS Hack技術的原理和用法”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
CSS Hack簡介
CSS hack由于不同的瀏覽器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，對CSS的解析認識不一樣，因此會導致生成的頁面效果不一樣，得不到我們所需要的頁面效果。
這個時候我們就需要針對不同的瀏覽器去寫不同的CSS，讓它能夠同時兼容不同的瀏覽器，能在不同的瀏覽器中也能得到我們想要的頁面效果。這個針對不同的瀏覽器寫不同的CSS code的過程，就叫CSS hack,也叫寫CSS hack。
CSS Hack的原理是什么
由于不同的瀏覽器對CSS的支持及解析結果不一樣，還由于CSS中的優先級的關系。我們就可以根據這個來針對不同的瀏覽器來寫不同的CSS。
比如 IE6能識別下劃線"_"和星號" * "，IE7能識別星號" * "，但不能識別下劃線"_"，而firefox兩個都不能認識等等 。書寫順序，一般是將識別能力強的瀏覽器的CSS寫在后面。下面如何寫里面說得更詳細些。
如何寫CSS Hack
比如要分辨IE6和firefox兩種瀏覽器，可以這樣寫：
<style> iv{ background:green; /* for firefox */ *background:red; /* for IE6 */ } </style> 我在IE6中看到是紅色的，在firefox中看到是綠色的。
解釋一下：
上面的CSS在firefox中，它是認識不了后面的那個帶星號的東東是什么的，于是將它過濾掉，不予理睬，解析得到的結果是:div{background:green},于是理所當然這個div的背景是綠色的。
到此，關于“CSS Hack技術的原理和用法”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
