让每一名学员高薪就业
返回列表 发新帖

Hack级别的IF-IE

[复制链接]

38

主题

67

帖子

1164

积分

大佬

Rank: 9Rank: 9Rank: 9

积分
1164
QQ
发表于 2018-1-30 15:32:11  | 显示全部楼层 | 阅读模式
在前端的开发中,解决IE还是比较麻烦的。不过咱们在页面是可以判断是否IE以及判断IE的不同的版本的。
如果咱们不想在非IE的区域看到某区域,我们可以加上下面这段代码:
  1. <!--[if IE]>
  2. <p>哈哈,我只会有IE中出来哦!,其它浏览器中你是看不到我的!</p>
  3. <![endif]-->
复制代码
if IE :只有在IE中才可能看到里面的内容
这个咱们可以充分的用起来,比如说某段CSS我们只想要IE起效果,就可以写:
  1. <!--[if IE]>
  2. <style>
  3. .myfont{color:red;}
  4. </style>
  5. <![endif]-->
复制代码
     这样就只有IE可以使用到这个样式。

当然,上面这个只可以判断是否是IE,但是我们还可以根据不同的IE版本进行判断。
if gt IE 6:我们还可以判断浏览器是否大于IE6
  1. <!--[if gt IE 6]>
  2. <style>
  3. .myfont{color:red;}</style>
  4. <![endif]-->
复制代码
if gte IE 6:判断浏览器是否大于或者等于IE6
  1. <!--[if gte IE 6]>
  2. <style>
  3. .myfont{color:red;}
  4. </style>
  5. <![endif]-->
复制代码
if lt IE 7:判断浏览器是否小于IE7
  1. <!--[if lt IE 7]>
  2. <style>
  3. .myfont{color:red;}
  4. </style>
  5. <![endif]-->
复制代码
if lte IE 7:判断浏览器是否小于等于IE7
  1. <!--[if lte IE 7]>
  2. <style>
  3. .myfont{color:red;}
  4. </style>
  5. <![endif]-->
复制代码
还有一种情况,我们可以判断浏览器是否是非指定的版本
if ! IE 7:判断浏览器如果不是IE7
  1. <!--[if ! IE 7]>
  2. <style>
  3. .myfont{color:red;}
  4. </style>
  5. <![endif]-->
复制代码
if条件HackHTML级别的,在前端我们可能会经常遇到这些代码,看懂这些代码可以帮助我们更好的做功能整合。并且,自己在某些地方遇到问题也可以使用这些方案进行解决。


回复

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Java培训  |   PHP培训  |   UI培训  |   H5培训  |   Python培训  |   大数据培训  |   如何报名  |   视频下载
快速回复 返回顶部 返回列表