不同版本IE使用不同css(css条件注释语句用法)-巨人网络通讯

主页 > 知识库 > 不同版本IE使用不同css(css条件注释语句用法)

不同版本IE使用不同css(css条件注释语句用法)

一、条件注释简介
1.IE中的条件注释（Conditional comments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。
2.条件注释只能用于IE5以上。
3.如果你安装了多个IE，条件注释将会以最高版本的IE为标准。
4.条件注释的基本结构和HTML的注释(!– –>)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。
5.IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。
二、条件注释属性
gt : greater than，选择条件版本以上版本，不包含条件版本
lt : less than，选择条件版本以下版本，不包含条件版本
gte : greater than or equal，选择条件版本以上版本，包含条件版本
lte : less than or equal，选择条件版本以下版本，包含条件版本
! : 选择条件版本以外所有版本，无论高低
1、Css if hack条件语法
!--[if IE]> Only IE ![endif]-->
仅所有的WIN系统自带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可识别

!--[if gte IE 6]> Only IE 6/+ ![endif]-->
IE6以及IE6以下的IE5.x都可识别

!--[if lte IE 7]> Only IE 7/- ![endif]-->
仅IE7可识别

!--[if gte IE 7]> Only IE 7/+ ![endif]-->
IE7以及IE7以下的IE6、IE5.x都可识别

!--[if IE 8]> Only IE 8/- ![endif]-->
仅IE8可识别

!--[if IE 9]> Only IE 9/- ![endif]-->
仅IE9可识别

注：在 if 后加 lt gte有不同效果（参加其它参数同理）
!–[if IE 8]> = IE8 仅IE8可识别
!–[if lt IE 8]> = IE7或更低版本
!–[if gte IE 8]> = 高于或者等于IE8版本
下面的代码是在非IE浏览器下运行的条件注释
!--[if !IE]>!-->
您使用不是 Internet Explorer
!--![endif]-->
!--[if IE 6]>!-->
您正在使用Internet Explorer version 6或者一个非IE 浏览器
!--![endif]-->

复制代码代码如下:

    !DOCTYPE html>  
    html>  
    head>  
    meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    title>DIV IF条件实例/title>  
    /head>  
    body>  
    你正在使用：   
    !--[if IE 7]>  
    h2>IE7/h2>  
    ![endif]-->  
    !--[if IE 6]>  
    h2>IE6/h2>  
    ![endif]-->  
    !--[if IE 8]>  
    h2>IE8/h2>  
    ![endif]-->  

    !--[if IE 9]>  
    h2>IE9/h2>  
    ![endif]-->  
    br>br>  
    strong>说明/strong>：如果你的浏览器版本为多少即会显示IE多少，针对IE6-IE9实验/body>  
    /html> 

您可能感兴趣的文章:

兼容ie、firefox的图片自动缩放的css跟js代码分享
兼容ie、firefox的图片自动缩放的css跟js代码分享
仅在IE6/7/8下cssText返回值少了分号的测试代码
获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
css ie6 ie7 ff的CSS hack使用技巧

标签：邵阳沧州鹤壁广安贺州混显莱芜贵州

巨人网络通讯声明：本文标题《不同版本IE使用不同css(css条件注释语句用法)》，本文关键词不同,版本,使用,css,条件,；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。