首页 > 代码库 > 判定IE 使用 css

判定IE 使用 css

2024-08-05 06:20:56   219人阅读

所有的IE都起作用：

<!--[if IE]>  <link rel="stylesheet" type="text/css" href="http://www.mamicode.com/all-ie-only.css/>

IE以外的浏览器起作用：

<!--[if !IE]><!-->  <link rel="stylesheet" type="text/css" href="http://www.mamicode.com/not-ie.css" /> <!--<![endif]-->

只有IE7起作用：

<!--[if IE 7]>  <link rel="stylesheet" type="text/css" href="http://www.mamicode.com/ie7.css"> <![endif]-->

只有IE6起作用：

<!--[if IE 6]>  <link rel="stylesheet" type="text/css" href="http://www.mamicode.com/ie6.css"/> <![endif]-->

只有IE5起作用：

<!--[if IE 5]>  <link rel="stylesheet" type="text/css" href="http://www.mamicode.com/ie5.css"/> <![endif]-->

只有IE5.5起作用：

<!--[if IE 5.5000]>  <link rel="stylesheet" type="text/css" href="http://www.mamicode.com/ie55.css"/> <![endif]-->

只对IE6及以下的版本起作用：

<!--[if lt IE 7]>  <link rel="stylesheet" type="text/css" href="http://www.mamicode.com/ie6-and-down.css"/> <![endif]-->
<!--[if lte IE 6]>  <link rel="stylesheet" type="text/css" href="http://www.mamicode.com/ie6-and-down.css"/> <![endif]-->

只对IE7及以下的版本起作用：

<!--[if lt IE 8]>  <link rel="stylesheet" type="text/css" href="http://www.mamicode.com/ie7-and-down.css"/> <![endif]-->
<!--[if lte IE 7]>  <link rel="stylesheet" type="text/css" href="http://www.mamicode.com/ie7-and-down.css"/> <![endif]-->

只对IE8及以下的版本起作用：

<!--[if lt IE 9]>  <link rel="stylesheet" type="text/css" href="http://www.mamicode.com/ie8-and-down.css"/> <![endif]-->
<!--[if lte IE 8]>  <link rel="stylesheet" type="text/css" href="http://www.mamicode.com/ie8-and-down.css"/> <![endif]-->

只对IE6及以上的版本起作用：

<!--[if gt IE 5.5]>  <link rel="stylesheet" type="text/css" href="http://www.mamicode.com/ie6-and-up.css"/> <![endif]-->
<!--[if gte IE 6]>  <link rel="stylesheet" type="text/css" href="http://www.mamicode.com/ie6-and-up.css"/> <![endif]-->

只对IE7及以上的版本起作用：

<!--[if gt IE 6]>  <link rel="stylesheet" type="text/css" href="http://www.mamicode.com/ie7-and-up.css"/> <![endif]-->
<!--[if gte IE 7]>  <link rel="stylesheet" type="text/css" href="http://www.mamicode.com/ie7-and-up.css"/> <![endif]-->

只对IE8及以上的版本起作用：

<!--[if gt IE 7]>  <link rel="stylesheet" type="text/css" href="http://www.mamicode.com/ie8-and-up.css"/> <![endif]-->
<!--[if gte IE 8]>  <link rel="stylesheet" type="text/css" href="http://www.mamicode.com/ie8-and-up.css"/> <![endif]-->

三、通常对IE6做这样的处理：
(本站就是这样处理的)
对于IE6及以下版本的处理是很具有挑战性的.近来,人们都在呼吁对IE6不要太在意，包括一些企业，一些网络应用，甚至是政府。现在有一个比让这些在 IE6下让人惨不忍睹的网站下地域更好的解决方案，那就是单独写一个针对IE6的精简的CSS样式表，这样至少不会影响人们浏览网页的主要内容。然后再写一个IE6以上版本及其它的浏览器用的正常的CSS，这样不是很好？

<!--[if !IE 6]><!-->   <link rel="stylesheet" type="text/css" media="screen, projection" href="http://www.mamicode.com/REGULAR-STYLESHEET.css" /> <!--<![endif]--> 
<!--[if gte IE 7]>   <link rel="stylesheet" type="text/css" media="screen, projection" href="http://www.mamicode.com/REGULAR-STYLESHEET.css" /> <![endif]--> 
 <!--[if lte IE 6]>   <link rel="stylesheet" type="text/css" media="screen, projection" href="http://universal-ie6-css.googlecode.com/files/ie6.0.3.css" /> <![endif]-->

四、如果你非要用HACK来解决的话……请往下看
只对IE7起作用：

* html #div {     height: 300px; }

对非IE7起作用：

#div {     _height: 300px; }

只对IE6以上的版本起作用：

#div {    height/**/: 300px; }
html->body #div {       height: 300px; }

判定IE 使用 css


联系
我们