首页 > 其他 > 详细

IE的if条件语句 应用

时间:2014-01-17 08:49:04      阅读:356      评论:0      收藏:0      [点我收藏+]

 

 -------摘自http://blog.csdn.net/wl110231/article/details/8064431------- 

作为IE的IF条件注释使用备忘,有些时候试用if IE而不是在css中使用hack,就能通过w3c验证。

1
2
3
4
5
6
7
8
9
10
11
<!--[if !IE]><!-->非IE可识别<!--<![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]-->
<!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]-->
<!--[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]-->
<!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]-->
<!--[if IE 6]> 仅IE6可识别 <![endif]-->
<!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->
<!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->
<!--[if IE 7]> 仅IE7可识别 <![endif]-->
<!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->
<!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->

 

-------摘自http://www.divcss5.com/css-hack/c70.shtml-------

只有ie浏览器支持条件注释,其他浏览器会把条件注释语句解释成注释,通过这个特性我们既可以做ie和非ie浏览器加载不同的页面元素,也可以根据ie浏览器的不同版本加载不同的页面元素。

 比如:

bubuko.com,布布扣
<!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">www.divcss5.com</span>测试样式 </p>
</body>
</html>
bubuko.com,布布扣

 

PS:上面的代码有一处不理解:

为什么

1
2
3
<!--[if IE]>
.ys1 {color: #FF0000;}
<![endif]-->

这样不对。

 

一定要:

1
2
3
<!--[if IE]> 
<!--.ys1 {color: #FF0000;}
<![endif]-->

 .ys1 {color: #FF0000;} 语句前为什么要加<!--才可以。

IE的if条件语句 应用

原文:http://www.cnblogs.com/super-zhen/p/3522813.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!