這篇文章給大家介紹IE瀏覽器中CSS Hack技術(shù)用法是怎樣的,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對(duì)大家能有所幫助。
為廣州等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù),及廣州網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì)、廣州網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會(huì)得到認(rèn)可,從而選擇與我們長(zhǎng)期合作。這樣,我們也可以走得更遠(yuǎn)!
針對(duì)IE瀏覽器CSS Hack你知道的有哪些,這里向大家描述一下常用IE瀏覽器的CSS Hack技術(shù),主要包括IE的if條件Hack。
針對(duì)IE CSS hack內(nèi)容匯總
由于瀏覽器的版本眾多,僅針對(duì)IE瀏覽器CSS Hack就有許多種,下面我將常用的進(jìn)行匯總以便參考。
IE的if條件Hack
IE的if條件Hack可以讓IE區(qū)別于其它瀏覽器和IE個(gè)版本之間的瀏覽器,它利用<!--[ifIE]>...<![endif]-->這樣的語(yǔ)法讓IE瀏覽器對(duì)齊進(jìn)行解析,屬于IE瀏覽器專有。
<!--[ifIE]>OnlyIE<![endif]-->
所有的IE可識(shí)別
<!--[ifIE5.0]>OnlyIE5.0<![endif]-->
只有IE5.0可以識(shí)別
<!--[ifgtIE5.0]>OnlyIE5.0+<![endif]-->
IE5.0包換IE5.5都可以識(shí)別
<!--[ifltIE6]>OnlyIE6-<![endif]-->
僅IE6可識(shí)別
<!--[ifgteIE6]>OnlyIE6/+<![endif]-->
IE6以及IE6以下的IE5.x都可識(shí)別
<!--[iflteIE7]>OnlyIE7/-<![endif]-->
僅IE7可識(shí)別
<!--[ifIE]>...<![endif]-->之間內(nèi)容的具體用法:
<!--[ifIE7]><linkrellinkrel="stylesheet"href="../css/ie7.css" type="text/css"media="screen"/><![endif]-->
可以像這樣鏈接一個(gè)CSS文件
<!--[ifIE]> <style> .clearfix{display:inline-block;} </style> <![endif]-->
也可以像這樣直接輸入一行CSS代碼。
針對(duì)不同版本的IE CSS Hack
由于都是IE瀏覽器,所以可能有幾個(gè)版本對(duì)某種方法都可以解析,所以在這時(shí)只能用CSS的書寫順序和獨(dú)有特性來區(qū)分它們,比如針對(duì)IE8的定義方法。
IE8還沒有獨(dú)有的定義方法,所以只能用它支持的方法和其它瀏覽器的獨(dú)有方法在加上CSS書寫順序達(dá)到對(duì)它Hack的目的,如:
.font{ color:black; color:red\9; *color:blue; _color:green; }
利用以上的方法可以使IE6、IE7、IE8三種瀏覽器和其它IE瀏覽器所顯示的字體顏色都不相同,IE6為綠色,IE7為藍(lán)色,IE8為紅色,其余為黑色,這就是書寫順序加獨(dú)有特性起到的作用。
下面列出幾種獨(dú)有特性:
◆+htmlselect{…},僅IE7與IE5.0可以識(shí)別
◆+htmlselect{...!important;},僅IE7可以識(shí)別
◆htmlselect{…}
html>bodyselect{…}
_property{...},IE6及IE6以下版本可以識(shí)別
◆select{…},IE8以下IE瀏覽器都可以識(shí)別
>property!important;IE7、IE8可以識(shí)別該規(guī)則
以上select是選擇器,比如div、p或.style等,property是屬性,如color、font-size等。
關(guān)于IE瀏覽器中CSS Hack技術(shù)用法是怎樣的就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。
網(wǎng)站標(biāo)題:IE瀏覽器中CSSHack技術(shù)用法是怎樣的
轉(zhuǎn)載來于:http://jinyejixie.com/article8/psgcip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、域名注冊(cè)、微信公眾號(hào)、網(wǎng)站收錄、網(wǎng)站策劃、網(wǎng)站內(nèi)鏈
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
移動(dòng)網(wǎng)站建設(shè)知識(shí)