`
ice-cream
  • 浏览: 329154 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

用条件注释为IE隔离CSS

    博客分类:
  • Css
阅读更多
用条件注释让你指定把样式应用给哪个IE版本,如
<!-- [if Ite IE 6] >
<link href="IE_styles.css" rel="stylesheet" type="text/css" />
<!-- [endif] -->
或者,利用@import方法:
<!-- [if Ite IE 6]>
<style type="text/css">
@import url(IE_styles.css)
</style>
<! [endif] -->
这个Ite代表“less than or equal to (小于或等于)”,因此if Ite IE 6意思是“如果这个浏览器是IE6或者更早版本"
再如,把所有浏览器,IE6,IE5或者更早版本的样式表分别指定:
<link href="global_styles.css" rel="stylesheet" type="text/css" />
<!-- [if IE 6] >
<link href="IE6_styles.css" rel="stylesheet" type="text/css" />
<!-- [endif] -->
<!-- [if Ite IE 5] >
<link href="IE5_styles.css" rel="stylesheet" type="text/css" />
<!-- [endif] -->
分享到:
评论

相关推荐

    使用条件注释判断 IE 浏览器版本适用于IE5.0及以上版本

    2. **避免CSS Hack**:相比使用CSS Hack(如星号前缀、下划线前缀等)来解决IE的样式问题,条件注释更直接,更易于维护,因为它们将修复代码限制在特定的浏览器版本内,不会影响其他浏览器。 **比较操作符:** 条件...

    详谈IE条件注释

    条件注释提供了一种优雅的方式来隔离这些针对特定IE版本的修复或增强,而不会影响其他浏览器。 条件注释的基本结构与普通的HTML注释相似,以`&lt;!–`开始,`–&gt;`结束,但在其中添加了特定的条件语句。例如: ```html...

    条件CSS的介绍

    条件CSS的使用能够显著简化CSS文件的维护,因为它允许开发者把针对特定浏览器的修复代码隔离起来,避免了污染主CSS文件。此外,这也有助于提高页面加载速度,因为非目标浏览器不会解析和应用不必要的CSS规则。 虽然...

    win7下的IE6

    开发者可能需要使用条件注释或专门针对IE6的样式表来处理兼容性问题。 - 与ActiveX控件的依赖:IE6大量依赖ActiveX技术,这在现代浏览器中已被淘汰,可能导致安全风险。 4. **安全考虑**: - 使用IE6会暴露用户于...

    JQuery源码注释

    注释中会解释如何处理IE和其他现代浏览器之间的差异。 9. **模块化设计** jQuery遵循模块化设计,如独立的选择器、事件和动画模块。源码注释有助于理解各模块间的协作和隔离。 10. **API设计哲学** jQuery的API...

    学CSS网页布局排查错误的方法

    尝试用不同的设计思路避免问题,例如,将元素的margin属性替换为其父元素的padding属性。只有在确实无法找到其他解决方案时,才应谨慎使用Hack。 总之,有效的CSS布局错误排查需要综合运用语法检查、浏览器兼容性...

    干货前端工程师面试题汇总内含题目解析和详细答案

    - **解决方法**包括使用前缀(如`-webkit-`),条件注释,polyfill等技术手段。 #### 25. **为什么要初始化 CSS 样式** - 初始化CSS样式的目的是消除浏览器默认样式的影响,保证跨浏览器的一致性。 #### 26. **...

    本地测试浏览器模式选择

    开发者需要参考MDN Web Docs等资源,了解特性支持情况,并使用polyfills或条件注释来解决兼容问题。 6. **自动化测试**:为了提高效率,可以使用自动化测试工具如Selenium,配合持续集成/持续部署(CI/CD)流程,自动...

    前端工程师面试题汇总.docx编程资料

    - **解决方法**:使用条件注释、Polyfills等。 24. **初始化CSS样式的必要性** - 为了消除浏览器默认样式差异,确保页面在所有浏览器中具有一致的表现。 25. **`absolute`的containing block计算方式** - `...

    html自定义标签的使用

    例如,使用短横线分隔的标签名(如`&lt;my-component&gt;`而不是`&lt;mycomponent&gt;`),提供有意义的标签描述,以及使用注释文档说明标签的用途和用法。 8. **测试与调试**:在实际项目中,对自定义标签进行充分的测试和调试...

    web前端工程师-高频面试题

    1. 兼容性问题:前端开发者需要处理不同浏览器之间的差异,如IE与现代浏览器的差异,通常通过使用polyfill、条件注释或特性检测来解决。 2. 提高性能:压缩HTML、CSS和JavaScript,减少HTTP请求,利用CDN,优化图片...

Global site tag (gtag.js) - Google Analytics