《
CSS 区分IE版本的三个方法》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331Q2013.htm
<!--[if IE 8]>
<style type="text/css">
/* css for IE 8 */
</style>
< ,CSS 入门教程 纵向导航菜单![endif]-->
<!--[if lt IE 8]>
<link href="ie7,css sprites适用范围和css sprites的利弊.css" rel="stylesheet" type="text/css" />
< ![endif]-->
咱们通常应用IE条件判断语言来处理IE的CSS问题,但实在仍是有其余的一些方法来处置IE的CSS bug的。
一、IE条件判断语句
Tag:CSS 区分IE版本 CSS 区分IE版本
三、HTML前提断定,给出不同的className
IE条件判断语句兴许是用的最多的划分IE版本(IE6, IE7, IE8)的办法了。看看下面用来分辨IE不同版本的代码:
二、CSS规则(IE CSS hacks)
* IE8 及 低版本: 在CSS属性后置”\9″, 如 height:1000px\9;
* IE7 及 低版本: 在CSS属性前置”*”, 如 *height:1000px;
* IE6 及 低版本: 在CSS属性前置”_”, 如 _height:1000px;
第三个措施是由Paul Irish发动的。它实现的办法是通过IE条件判定来给HTML设置不同的className,而后在CSS中通过给不同的className下的后辈设置不同的款式即可实现。这个方法比拟可行,也不会有任何W3C验证的问题。
* <!--[if IE 8]> = IE8版本
* <!--[if lt IE 8]> = IE7版本以低版本
* <!--[if gte IE 8]> = IE8版本及高版本
.box {
background: gray; /* standard */
background: pink\9,CSS Sprites技术及图片优化; /* IE 8 and below */
*background: green; /* IE 7 and below */
_background: blue; /* IE 6 */
}
另一个办法就是在样式文件中申明只有IE辨认的CSS规矩。比方,在CSS属性前置一个”*”区分IE7跟低版本,而前置一个”_”则区分IE6及低版本。然而,良多时候这个办法不被推举,由于这些CSS规则并不能被W3C CSS 验证胜利。
<!--[if lt IE 7 ]> <html class="ie6"> < ,CSS Sprites技术以及图片优化![endif]-->
<!--[if IE 7 ]> </html><html class="ie7"> < ![endif]-->,CSS Sprites技术;
<!--[if IE 8 ]> </html><html class="ie8"> < ![endif]-->
<!--[if IE 9 ]> </html><html class="ie9",CSS Sprites图片合并技术减少请求优缺点;> < ,css reset重置基础代码![endif]-->
<!--[if (gt IE 9)|!(IE)]>,CSS position属性定位总结;<!--> </html><html> <!--<,CSS opacity-实现图片半透明效果;![endif]-->,CSS HACK:IE6、IE7、IE8、Firefox兼容性问题解决方案;
</html>
--> [
网站建设之]CSS:辨别IE版本的三个方式
(责任编辑:网站建设)
CSS 区分IE版本的三个方法相关文章