歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!

阿森纳热刺 www.tzxsac.com.cn 針對分歧的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" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//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>
<p>&lt;!--[if&nbsp;IE]&gt;&nbsp;Only&nbsp;IE&nbsp;&lt;![endif]--&gt;</p>
<p>我是<span class="ys1">css5.com.cn</span>測試名堂
</p>
</body>
</html>


 

 

 

截圖下列

左邊為微軟IE涉獵器,左邊為火狐涉獵器,經過if前提對名堂設置裝備擺設只在ie中起勸化后成果圖。
額定說明的if前提在ie8中不克不及見效。

如需轉載,請注明文章出處和來源網址://www.tzxsac.com.cn/wenji/w52079.shtml