本篇內容介紹了“IE的css if條件怎么寫”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
網站建設哪家好,找創新互聯!專注于網頁設計、網站建設、微信開發、成都小程序開發、集團企業網站建設等服務項目。為回饋新老客戶創新互聯還提供了江岸免費建站歡迎大家使用!
針對不同的IE瀏覽器版本,使用if條件來設置對應css樣式,從而解決css hack
<!--[if IE]> Only IE <![endif]-->
所有的IE可識別
<!--[if IE 5.0]> Only IE 5.0 <![endif]-->
只有IE5.0可以識別
<!--[if gt IE 5.0]> Only IE 5.0+ <![endif]-->
IE5.0包換IE5.5都可以識別
<!--[if lt IE 6]> Only IE 6- <![endif]-->
僅IE6可識別以內的css樣式
<!--[if gte IE 6]> Only IE 6/+ <![endif]-->
IE6以及IE6以下的IE5.x都可識別
<!--[if lte IE 7]> Only IE 7/- <![endif]-->
僅IE7可識別以內的css樣式
特別說明ie8不能使用if條件來設置div css樣式,這里的“<!-”是css注解、css注釋、css解釋中用到相同,可以進入了解css 注釋。這里使用css注釋方式來解決if條件隱藏條件,從而在其它不符合if條件瀏覽器下不顯示條件及解釋if條件里樣式,你可以了解下css隱藏其它方法。
通過以上的if條件來對不同版本瀏覽器調用不同css樣式來解決css hack方法。
實例如下:
接下來我們只實驗一個只有微軟IE可識別,火狐不識別例子代碼如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>IE的if條件css hack實例</title> <style type="text/css"> <!--[if IE]> <!-- .ys1 {color: #FF0000} --> <![endif]--> </style> </head> <body> |
“IE的css if條件怎么寫”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注創新互聯網站,小編將為大家輸出更多高質量的實用文章!
標題名稱:IE的cssif條件怎么寫
新聞來源:http://m.kartarina.com/article42/gijgec.html
成都網站建設公司_創新互聯,為您提供外貿建站、用戶體驗、定制網站、小程序開發、微信小程序、
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯