`
yunzhu
  • 浏览: 1146118 次
  • 性别: Icon_minigender_1
  • 来自: 南京
博客专栏
B2b19957-cda7-3a9e-83a0-418743feb0ca
监控应用服务器
浏览量:110027
2e8be8be-e51f-346c-bcdd-12623c9aa820
Web前端开发
浏览量:119804
Bfa5df64-a623-34b9-85b8-ef3ce2aed758
经典异常的解决
浏览量:204675
社区版块
存档分类
最新评论

针对IE不同版本使用不同样式、执行不同脚本——Internet Explorer Conditional Comments

阅读更多

浏览器的差异性是一个另广大Web开发人员头疼的问题,不仅是不同浏览器之间的差异,还有同一款浏览器不同版本之间的差异,比如最明显的就是对CSS标准的支持不一致,导致显示效果千变万化。

 

有时为了使页面在是不同浏览器和不同版本下的显示效果一致,要不断地调试,不断地修改,可还是无法解决问题。

 

举个例子,我们用Ext的Toolbar,里面的button设置一个图标,可是这个图标和按钮名称在水平位置上却无法对齐,如果修改后在IE7下对齐了,在IE8下图标就下沉了,如果再修改后在IE8下对齐了,那在IE7下就上浮了。

 

这时,经过冷静的思考,我们的就想:如果能在IE7和IE8中使用不同的样式,问题不就解决了吗?

 

是的,如果可以在不同的版本下使用不同的样式,那么很多问题都迎刃而解了!

 

现在就有这么一个办法,这是IE浏览器提供的功能,叫做Internet Explorer Conditional Comments,就相当与一种表达式。好了,现在就来领教一下她的魅力吧!

 

例如我要在IE7及以前版本和IE8和以后版本使用不同的样式

<!--[if lt IE 8]>
<style type="text/css">
.x-btn-text-icon .x-btn-center .x-btn-text {
    ground-position:0 2x;
}
</style>
<![endif]-->

<!--[if gte IE 8]>
<style type="text/css">
.x-btn-text-icon .x-btn-center .x-btn-text {
    ground-position:0 0px;
}
</style>
<![endif]-->

 

其中<!--[if lt IE 8]> 表示当IE版本小于8时,使用下面的样式。<!--[if gte IE 8]> 表示IE版本大于等于8。

 

更详细的内容请见MSDN上的官方文档:http://msdn.microsoft.com/en-us/library/ms537512.aspx

 

当然我们也可以在表达中加入js脚本,或是html语句,请看:

<!--[if lt IE 8]>
<script language="javascript">
    alert("您的使用的是IE7或更早版本");
</script>
<![endif]-->

<!--[if gte IE 8]>
<script language="javascript">
     alert("您的使用的是IE8或更新的版本");
</script>
<![endif]-->

 

 

 

3
0
分享到:
评论

相关推荐

    检测低版本IE6.0并提示下载新版本IE的javascript脚本

    2. **Conditional Comments(条件注释)**:HTML中的一种特殊注释语法,仅在IE浏览器下生效,可以用来针对不同的IE版本插入特定的HTML代码。 #### 知识点二:使用Conditional Comments进行IE6版本检测 在提供的...

    IE中的条件编译

    标题中的“IE中的条件编译”指的是在Internet Explorer(IE)浏览器中,开发者为了兼容不同版本的IE或者解决特定浏览器的特有问题而使用的一种特殊编程技术。在编写HTML、CSS或JavaScript时,可以通过特定的语法结构...

    ie6-10兼容性解决-js.zip

    另外,有一些工具如Modernizr可以帮助检测浏览器特性,而条件注释和条件样式表( conditional comments and conditional stylesheet)可以针对特定版本的IE应用不同的样式和脚本。 压缩包中的"readme"说明很可能会...

    IE兼容测试 应用程序

    5. **条件注释(Conditional Comments)**:IE特有的条件注释可以用来针对不同版本的IE插入特定的CSS或JavaScript代码,但这在IE10及以后版本已被废弃。 6. **响应式设计**:确保在不同分辨率和屏幕尺寸下的页面在...

    IE6、_IE7、IE8、Firefox兼容性问题

    在HTML中,可以使用条件注释(Conditional Comments)来针对特定版本的IE应用特定的CSS或脚本。例如,`&lt;meta http-equiv="X-UA-Compatible" content="IE=7"&gt;`这行代码告诉IE使用IE7的渲染模式,即使是在IE8或更高...

    IE功能汇总(javascript).htm

    使用条件注释(Conditional Comments)可以针对IE编写特定的CSS样式。 9. **性能优化**:针对IE的性能优化技巧,如减少DOM操作、避免全局变量、合理使用缓存等,都是开发时需要注意的地方。 10. **错误处理**:IE...

    让IE(包括IE6)支持HTML5元素

    6. 条件注释的使用,以针对不同版本的IE应用特定的CSS或脚本。 7. 示例代码和实践步骤,指导读者如何在自己的网站上实现这个功能。 通过学习这些内容,开发者可以了解到如何使他们的网站在保持向后兼容的同时,利用...

    屏蔽ie6 ie7浏览器

    IE6和IE7是Internet Explorer(IE)浏览器的早期版本,由微软公司发布。这些浏览器由于其技术限制和安全问题,早已被现代Web标准所淘汰。然而,由于一些用户的惯性使用和企业系统的兼容性需求,开发者有时仍需要处理...

    网页兼容问题、IE、FireFox

    为了解决这些问题,开发者通常会使用“条件注释”(Conditional Comments),这是一种专为IE设计的特殊语法,可以针对不同版本的IE插入特定的CSS或脚本代码。 例如: ```html &lt;!--[if lt IE 8]&gt; ...

    ie的常见兼容问题

    2. **Conditional Comments(条件注释)**:这是IE特有的功能,允许根据不同的IE版本加载特定的脚本或样式表。例如,仅针对IE6的条件注释如下: ```html &lt;!--[if IE6]&gt; &lt;script&gt;&lt;/script&gt; &lt;style&gt;&lt;/style&gt; &lt;!...

    ie标签以及集成说明

    IE标签的典型应用包括使用条件注释(Conditional Comments)来针对IE浏览器插入特定的CSS或JavaScript代码,或者利用诸如`&lt;iframe&gt;`标签来嵌入外部内容。例如,开发者可能会使用以下条件注释来确保只在IE浏览器中...

    IE8 的兼容性问题总结

    标题中的“IE8 的兼容性问题总结”表明了本文将主要讨论在开发Web应用时,针对Internet Explorer 8(简称IE8)浏览器所遇到的兼容性挑战。在Web开发领域,尤其是在IE8这样的旧版浏览器上,由于其对现代Web标准支持的...

    js ie浏览器选择性

    - 使用条件注释(Conditional Comments)针对特定版本的IE插入不同的脚本。 - 引入polyfill库,如Modernizr,来模拟缺失的浏览器功能。 - 使用兼容性库,如jQuery,它提供了大量的实用函数来弥补浏览器之间的差异。 ...

    IE语法 DHTMLManual.rar

    "DHTMLManual.rar"是一个专注于在Internet Explorer中使用DHTML的资源集合,可能包括详细的解释、实例代码和解决IE兼容性问题的方法。学习这个手册,开发者可以深入理解DHTML在IE环境下的工作原理,以及如何创建适应...

    html5shiv包,完美解决IE8等不支持H5标签问题

    3. **条件注释兼容性**:为了确保只在需要的IE版本中应用HTML5shiv,通常会在页面中使用条件注释(Conditional Comments)来有条件地引入这个脚本。例如: ``` &lt;!--[if lt IE 9]&gt; ...

    IE6中PNG透明问题的修复 - 顺便发个 Kill IE 6 的页面

    在IT行业中,尤其是在网页设计和开发领域,IE6(Internet Explorer 6)的PNG透明问题是一个众所周知的挑战。PNG(Portable Network Graphics)是一种常见的图像格式,支持24位颜色和透明效果,但在IE6这个老版本的...

    IE6下PNG逶明

    标题中的“IE6下PNG逶明”指的是在Internet Explorer 6(简称IE6)浏览器中处理PNG(Portable Network Graphics)图像格式的透明效果问题。由于IE6对PNG8和PNG24格式的支持有限,尤其是不支持Alpha透明度,导致PNG...

    国外大牛IE版本检测!现在IE都到9了,IE检测代码

    这段代码主要介绍了一种在JavaScript中检测Internet Explorer(IE)版本的方法,特别是在IE9之前,开发者经常使用这种技巧来区分不同版本的IE浏览器。IE版本检测对于开发具有浏览器兼容性的Web应用至关重要,因为...

Global site tag (gtag.js) - Google Analytics