专栏首页前端资源IE版本判断代码 if IE 6

IE版本判断代码 if IE 6

在项目中,经常会遇到IE浏览器的兼容问题,IE678简直是前端工程师的噩梦,每个版本的IE浏览器都会有比较大的差异。

我们可以使用下面的代码,判断IE浏览器版本:

if IE 8  :选择IE版本,只有该版本可见。

if lt IE 8 :lt 小于 Less than的简写,该版本以下版本可见 。

if lte IE 8 :lte 小于等于 Less than or equal to的简写,该版本及以下版本可见。

if gt IE 8 :gt 大于 Greater than的简写,该版本以下版本可见。

if gte IE 8 :gte 大于等于 Greater than or equal to的简写,该版本及以上版本可见。

if !(IE 9) :! 非,该版本之外的版本可见。

if !(IE 6)&!(IE 8) :& 且(and),IE6和IE8之外的版本可见。

if (IE 6)|(IE 8) :| 或(or),IE6或IE8可见。

代码如下:以IE8为例

<!--[if IE 8]>
    只有IE8版本可见
<![endif]-->
<!--[if lt IE 8]>
    只有IE8以下版本可见
<![endif]-->
<!--[if lte IE 8]>
    IE8及其以下的版本可见
<![endif]-->
<!--[if gt IE 8]>
    IE8以上的版本可见
<![endif]-->
<!--[if gte IE 8]>
    IE8及其以上的版本可见
<![endif]-->
<!--[if !(IE 8)]>
    非IE8版本可见
<![endif]-->
<!--[if !(IE 6)&!(IE 8)]>
    非IE6及非IE8版本可见
<![endif]-->
<!--[if (IE 6)|(IE 8)]>
    IE6或IE8版本可见
<![endif]-->

if !IE :非IE浏览器可见

代码如下:

<![if !IE]>
    除了IE以外的版本可见
<![endif]>

用法:

1、用在头部,实现不同IE浏览器版本引用不同的CSS文件:

<!--[if IE 6]>
<link rel="stylesheet" href="css/IE6.css">
<![endif]-->

也可以实现多版本同时兼容:

<!--[if lte IE 6]>
<link rel="stylesheet" href="css/lte6.css">
<![endif]-->
<!--[if gte IE 7]>
<link rel="stylesheet" href="css/gte7.css">
<![endif]-->

2、用在页面内,可用于提示浏览器升级

<!--[if lte IE 8]>
<h1>您的浏览器版本太低,请升级!</h1>
<![endif]-->

如下图:

注意:

1、默认的CSS样式应该位于HTML文档的首行,进行条件注释判断的所有内容必须位于该默认样式之后。 

2、条件注释只有在IE浏览器下才能执行,这个代码在非IE浏览下非单不是执行该条件下的定义,而是当做注释视而不见。 

3、正常就是默认的样式,对IE浏览器需要特殊处理的,才进行条件注释。只能在HTML文件里,而不能在CSS文件中使用。 

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Vue使用uuid-npm快速生成uuid,适用于多种场景

    UUID 是 通用唯一识别码(Universally Unique Identifier)的缩写,是一种软件建构的标准,亦为开放软件基金会组织在分布式计算环境领...

    德顺
  • 老版本IE下内容为空时td不显示边框的解决办法

    在较低版本的IE浏览器中,td 内容为空时,就不会显示边框,可以通过下面两种方法解决:

    德顺
  • Typecho配置多国语支持,检查客户端语言自动切换翻译

    Typecho 原生自带了翻译功能,但不支持随客户端语言自动切换。 我们可以通过获取客户端语言,替换原生翻译功能所调用的翻译文件,来实现自动切换翻译。

    德顺
  • HTML条件注释判断浏览器及检验

    <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--> <!--[if IE]> 所有的IE可识别 <![endif]--> ...

    似水的流年
  • HTML条件注释判断浏览器及检验

    lte:就是Less than or equal to的简写,也就是小于或等于的意思。 lt :就是Less than的简写,也就是小于的意思。 gte:就是G...

    似水的流年
  • MongoDB版本管理

    MongoDB的版本管理按照X.Y.Z的形式,其中X.Y是发行版本序列号或者开发版本序列号,Z是版本号或者修订号。

    MongoDB中文社区
  • 做到这3点,你也能成为一个高情商的人

    几乎每个人都想做一个“高智商”、“高情商”的人,我也不例外——例外的是,我的智商和阿甘差不多,甚至很长一段时间内的我情商也不高,大学、高中、初中的同学对我“低情...

    沉默王二
  • 从长沙“软件业再出发”,看信息化产业的“长沙路径”

    “惟楚有材,于斯为盛”,这幅刻在千年学府岳麓书院门前的对联,是三湘四水弦歌不绝、学脉延绵的历史记录。从岳麓书院里,走出了彭龟年、胡大时等湖湘学派奠基人,培养出了...

    用户2908108
  • Debian 9 Stretch 发布,献给已故的创始人 Ian

    Debian 发行版宣布正式释出代号为 Stretch 的 Debian 9,该版本将提供五年的支持。Stretch 将专门献给于 2015 年 12 月 28...

    Debian中国
  • 波士顿动力版“狗多力量大”!10只机器狗拉动大卡车,SpotMini量产在即

    今天凌晨,机器人公司波士顿动力最新发布了一段视频,视频中,网红机器狗SpotMini刚刚学会了新技能:组成一只机器狗“军队”,然后拉动一辆挂空挡的大型车辆。

    大数据文摘

扫码关注云+社区

领取腾讯云代金券