您好,登錄后才能下訂單哦!
這篇文章主要介紹了css兼容問題如何解決的相關知識,內容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇css兼容問題如何解決文章都會有所收獲,下面我們一起來看看吧。
針對差別的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> |
關于“css兼容問題如何解決”這篇文章的內容就介紹到這里,感謝各位的閱讀!相信大家對“css兼容問題如何解決”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。