欢迎来到DIVCSS5查找CSS资料与学习DIV 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>
<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中不能见效。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r52854.shtml