• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > css 条件注释区分非IE浏览器

css 条件注释区分非IE浏览器

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含css,条件注释等相关知识,佚名 希望在学习及工作中可以帮助到您
<!--[if IE]> Only IE <![endif]-->
所有的IE可识别
<!--[if IE 5.0]> Only IE 5.0 <![endif]-->
只有IE5.0可以识别
<!--[if gt IE 5.0]> Only IE 5.0+ <![endif]-->
高于IE5.0都可以识别
<!--[if lt IE 6]> Only IE 6- <![endif]-->
低于IE6可识别
<!--[if gte IE 6]> Only IE 6/+ <![endif]-->
IE6以及IE6以上都可识别
<!--[if lte IE 7]> Only IE 7/- <![endif]-->
IE7及ie7以下版本可识别

lte:就是Less than or equal to的简写,也就是小于或等于的意思。
lt :就是Less than的简写,也就是小于的意思。
gte:就是Greater than or equal to的简写,也就是大于或等于的意思。
gt :就是Greater than的简写,也就是大于的意思。
! :就是不等于的意思,跟javascript里的不等于判断符相同

看到这里只可能会觉得<!--[if !IE]> not IE<![endif]-->这样不就可以了吗?
如果你这样想就错了,因为非ie根本不会识别ie的条件注释,所以就直接全部是注释了,
ok,来看看正确的写法吧

关键是条件注释后头的 <–> 在IE中被当作内部注释,而在非IE浏览器中会闭合之前的注释,从而起到区分非IE浏览器的作用,一般常用<!–>。

您可能想查找下面的文章:

  • css小技巧
  • 各大网站CSS初始化代码
  • css权重问题
  • CSS实现鼠标上移图标旋转效果
  • 使用CSS3制作一个简单的进度条(demo)
  • 用纯CSS实现饼状Loading等待图效果
  • 利用CSS3伪元素实现逐渐发光的方格边框
  • CSS3实现内凹圆角的实例代码
  • 利用HTML5+CSS3实现3D转换效果实例详解
  • css3+伪元素实现鼠标移入时下划线向两边展开的效果

相关文章

  • 2017-08-06html td nowrap不换行属性使用方法
  • 2017-08-06用一个DIV画图通过background-image叠加实现
  • 2017-08-06网页制作 默认Web字体样式
  • 2017-08-06IE7,IE8 BUG导致CSS下载二次的解决方法
  • 2017-08-06table中td内容换行问题
  • 2017-08-06CSS中对RGB颜色的使用详解
  • 2017-08-06CSS基础知识之float详解
  • 2017-08-06用CSS背景属性代替图片SRC
  • 2017-08-06CSS控制样式的三种方式(优先级对比验证)
  • 2017-08-06在CSS中定义a:link、a:visited、a:hover、a:active正确顺序

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 实例讲解CSS3中的box-flex弹性盒属性布局
    • CSS框架sass的简单一览
    • CSS Usage CSS减肥工具(firefox插件)
    • 利用CSS伪元素创建带三角形的提示框的实现方法
    • CSS属性探秘系列(七):z-index
    • css3中transition属性详解
    • CSS3打造磨砂玻璃背景效果
    • 25个CSS3动画按钮和菜单教程分享
    • clip 剪裁矩形实现代码
    • 三角形向下方向垂直翻转效果

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有