`
zhangyaochun
  • 浏览: 2595726 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

css优化之ie条件注释

阅读更多

这些知识点网上很多,写的原因只是作为自己记录学习用。

 

 

<!--[if condition]> HTML <![endif]-->

 

下面是几个例子 (正好测试了一下baidu浏览器 1.3.2.171,发现它也认,My surprise!)

 

 

<!--[if IE]> (ie浏览器或者baidu的浏览器也能识别) <![endif]-->    

 

 

<!--[if !IE]>除IE外都可识别<![endif]--> 

 

 

<!--[if IE 6]> 仅IE6可识别 <![endif]-->             

 

 

<!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->

 

 

  • lte  ---Less than or equal to 小于或等于
  • lt    ---Less than 小于
  • gte ---Greater than or equal to 大于或等于
  • gt   ---Greater than 大于
1
2
分享到:
评论

相关推荐

    CSS兼容IE8代码

    "CSS兼容IE8代码"是指针对IE8浏览器进行优化的CSS(层叠样式表)代码,以确保在IE8中能够正常显示和运行网页设计。在IE8中,由于其对CSS2.1标准的支持不完整,以及特有的盒模型、滤镜等特性,常常会导致现代网页设计...

    让IE兼容CSS3

    IE浏览器支持特定的条件注释,允许开发者为不同版本的IE提供不同的CSS代码。例如,可以创建一个仅在IE浏览器中加载的CSS文件,包含专门为IE编写的CSS3样式。 ```html &lt;!--[if lt IE 9]&gt; ...

    IE6、IE7、IE8对css和js支持方面差异的研究

    通过使用条件注释、CSS hack以及针对性的JavaScript修复,可以有效地解决这些问题,提供更好的跨浏览器兼容性。随着技术的发展,现代浏览器对CSS和JavaScript的支持已经更加统一,但了解这些历史遗留问题可以帮助...

    CSS完美兼容IE6IE7FF的通用方法

    对于宽度的调整,可以使用条件注释或者特定的选择器来区分IE6和现代浏览器: ```css #box { width: 600px; // for IE6.0 and others width: 600px !important; // for FF width: /* */ 500px; // for IE6.0 } ```...

    div+css静态文章模板(兼容火狐,IE6,IE7)

    解决方法包括使用条件注释提供特定于IE的样式,使用IE专有的CSS hack,或者借助于如 Normalize.css 和 Reset.css 等重置样式库来统一不同浏览器的默认样式。 2. 火狐浏览器兼容:火狐对CSS标准支持较好,但也有个别...

    IE不支持的集中css

    了解这些属性对于优化IE兼容性具有重要意义,可以帮助开发者更有针对性地编写CSS和使用Hack。 【标签】:“IE不支持的集中css” 以下是对这些不被IE支持的CSS属性的详细解释: 1. **Outline** Outline属性在不...

    css3-mediaqueries兼容ie8的解决方法

    综上所述,解决IE8对CSS3媒体查询的不支持需要结合使用条件注释、第三方库(如`css3-mediaqueries-js`或`respond.js`)、polyfills等技术。通过这些方法,我们可以确保在保持现代网页设计最佳实践的同时,也为老版本...

    IE8优化(模仿IE6)

    更好的做法是使用条件注释或库(如jQuery)来处理兼容性问题。 5. **滤镜与行为**:IE6特有的滤镜(如AlphaImageLoader)和行为(如CSS Expression)可能在IE8中不被支持或有差异。需要检测并适配这些差异。 6. **...

    IE5,IE6,IE7,IE8的css兼容性列表

    作为开发者,需要根据目标用户的浏览器分布,针对性地优化CSS代码,或者使用条件注释、特性检测库等方法来确保在不同IE版本下的样式呈现一致性。同时,随着现代浏览器的普及,这些兼容性问题在新的项目中逐渐减少,...

    ad.css for IE

    2. **CSS Hack**:由于IE浏览器对CSS的解析与标准略有不同,开发者有时会使用特定的CSS Hack,比如条件注释、属性前缀等,来针对IE写入专门的样式规则,以修复布局和样式问题。 3. `filter`属性:IE浏览器特有的...

    让ie6,7,8支持canvas,css3等主流html5技术

    总结来说,为了让IE6、7、8支持HTML5的Canvas和CSS3特性,开发者需要利用各种工具、库和技巧,包括模拟实现、条件注释、polyfill以及优化策略。同时,持续推动用户更新浏览器,以提供更现代、更一致的Web体验。

    ie完美兼容css3圆角

    解决IE浏览器兼容性问题的一种常见方法是使用条件注释或者JavaScript库,如jQuery。对于CSS3圆角,我们可以利用CSS3 PIE (CSS3 Prototypes and伊夫斯) 这个JavaScript库。PIE库可以扩展Internet Explorer 6-9,使其...

    让IE8以下兼容HTML5标签和CSS3高级选择器

    这段代码使用条件注释(仅在IE8及以下版本执行),引入了HTML5 Shiv的CDN链接。如果希望本地引用,只需将CDN链接替换为本地文件路径。 接下来是CSS3高级选择器的问题。IE8及以下版本只支持CSS2.1的选择器,如ID、类...

    CSS代码优化7个准则

    更好的做法是使用浏览器条件性注释,如在HTML中针对IE6和IE7添加特定的CSS文件链接,如`&lt;!--[if IE 6]&gt; &lt;link rel="stylesheet" type="text/css" href="ie6.css" mce_href="ie6.css"&gt; &lt;![endif]--&gt;`,这样可以保持...

    font-awesome-ie7.min.css_fontawesome-4.2.0

    这段代码使用了条件注释(Conditional Comment),只在IE8及以下版本加载`font-awesome-ie7.min.css`,其他现代浏览器则加载`font-awesome.min.css`。 对于开发者来说,理解`font-awesome-ie7.min.css`的工作原理并...

    树使用css选择器优化代码(IE7+,firefox3,opera9,chrom下可用)

    本篇文章将探讨如何使用CSS选择器来优化代码,使之适用于IE7+、Firefox 3、Opera 9以及Chrome等主流浏览器。 首先,理解CSS选择器的性能差异是优化的关键。CSS选择器分为多个级别,从基础的ID选择器(#id)、类选择器...

    simplehint提示信息用css做的兼容性IE9

    2. **CSS Hack**:为了实现IE9的兼容性,开发者可能使用了针对IE的特定CSS hack,例如条件注释、特定前缀(如`_property`或`*property`)或者特殊选择器,来修正样式在IE9中的渲染问题。 3. `display`属性:`simple...

    ie6 ie7 ff浏览器兼容

    - **CSS条件注释**:虽然在提供的示例中未使用,但在实际开发中,可以利用CSS条件注释来针对特定版本的IE提供不同的样式表。 例如,针对IE6的条件注释如下: ```html &lt;!--[if lt IE 7]&gt; ...

    纯CSS制作支持IE6、IE7、Firefox的下拉菜单.rar

    - **IE6和IE7的挑战**:这两个古老的浏览器对CSS2.1的支持有限,需要使用特定的hack或者条件注释来确保兼容性。 - **盒模型**:IE6和IE7对盒模型的理解与标准浏览器不同,可能需要调整`margin`、`padding`和`...

    CSS兼容IE和Firefox的技巧集合

    此外,使用条件注释或现代izr.js这样的库可以针对不同版本的IE应用不同的CSS或JavaScript,确保老版本浏览器也能正常显示。 最后,测试是确保兼容性的关键。使用多种浏览器进行实际测试,或者利用工具如...

Global site tag (gtag.js) - Google Analytics