在前端開發(fā)學(xué)習(xí)中我們會碰到很多的問題,今天我們就來說說有關(guān)于在 css 中“css hack 怎么用?有哪些用法?”的問題吧!
首先我們要知道什么是 HACK ?,簡單的來說就是只有在特定的瀏覽器中才可以使用的一段代碼;一般來說有以下三種形式:
1.屬性前綴法(css 類內(nèi)部 Hack)當(dāng)我們在不同的瀏覽器中使用會有不同的代碼如:在 IE6 中能識別?“_”
?和?“*”
?這兩個符號,在 IE7 中的話智能識別“*”這個符號,在 IE6-IE10 中都認識??
??這個符號,但是在 firefox 對我們說到的三個都不認識不會進行操作。(相關(guān)代碼例子可以在 css hack合集 中查看)“\9
??”
2.選擇器前綴法(選擇器 Hack)
對于這個方法的語法是這樣的:?<hack>select{sRules}
?。
在IE6中代碼例子代碼如下:
*html .test21 { color: gold; }
在IE7中代碼例子代碼如下:
*+html .test22 { color: blue; }
在IE6或者IE7中生效例子代碼如下:
@media screen\9 { </p><p> .test23 { color: purple; } </p><p>}
在IE6、IE7 、IE8中生效例子代碼如下:
@media \0screen\,screen\9 { </p><p> .test24 { color: gold; } </p><p>}
在IE8中生效例子代碼如下:
@media \0screen { .test25 { color: orange; } }
在IE8、IE9、IE10、IE11中生效例子代碼如下:
@media screen\0 { .test26 { color: green; } }
在IE9、IE10、IE11中生效例子代碼如下:
@media screen and (min-width: 0\0) { .test27 { color: red; } }
3.IE條件注釋法(Html 頭部 引用 Hack)
這個方式是針對所有 IE (在 IE10 以上已經(jīng)不在支持了) 在 ?Html
? 頭部引用就比較特殊,類似程序的語句,只能在 ?HTML
? 文件里面使用,不能在? css
? 文件中使用,只有在 IE 瀏覽器中才可以使用 ,在其他的瀏覽器中會被作為注釋不執(zhí)行代碼如下:
<link rel="stylesheet" type="text/css" href="css.css" />
<!–[if IE 7]>
<!– 如果IE瀏覽器版是7,調(diào)用ie7.css樣式表 –>
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]–>
<!–[if lte IE 6]>
<!– 如果IE瀏覽器版本小于等于6,調(diào)用ie.css樣式表 –>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]–>
總結(jié):
以上就是有關(guān)于在“css hack 怎么用?有哪些用法?”的講解,如果你有更好的方法也可以和大家一起分享。更多有關(guān)于在“css hack 怎么用?有哪些用法?”這個問題方面的知識我們也可以在 Css hack 合集中查閱和實踐。希望小編的分享對你的問題有所幫助。