`
胡锡铭
  • 浏览: 7101 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
最近访客 更多访客>>
社区版块
存档分类
最新评论

css兼容性hack (ie6,ie7,ie8,firefox,chrome)

    博客分类:
  • css3
阅读更多

IE各版本浏览器之间的识别概括如下:

IE6:能识别 \9 和 ,不能识别 !important

IE7:能识别 \9 和 !important,不能识别 _

IE8:能识别 \9 和 !important ,不能识别 和 *

Firefox(Chrome):能识别 !important,不能识别 和 *

书写顺序,一般是将识别能力强的浏览器的css写在后面。

 

1. !important

!important 的作用是提高指定样式规则的应用优先权,只有IE6不识别

区别IE6和(IE7以上及其他浏览器)

body{
    color:blue !important;-------------------------①
    color:red;-------------------------------------②
}

  只有IE6显示红色的字体,其他浏览器都显示蓝色的字体,!important 表示优先级,所以要放在前面,顺序为①②,不能反过来。

 

2. *

 * 的作用是区别IE6/7浏览器和IE8以上及其他标准浏览器的,如Firefox、Chrome

body{
    color:blue;
    *color:red;
}

只有IE6/7是显示红色字体,IE8及其他标准浏览器(Firefox、Chrome)不识别 *,显示的是蓝色字体。

 

3. _

 的作用是区别IE6和(IE7以上及其他浏览器)

body{
    color:blue;
    _color:red;
}

  只有IE6显示红色的字体,其他浏览器都显示蓝色的字体

 

4.  \9

 \9 的作用是可以结合 和 _ 区分出IE8来

body{
  background-color: #CC00FF; /*所有浏览器都会显示为紫色*/
  background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/
  *background-color: #0066FF; /*IE6、IE7会变为蓝色*/   
  _background-color: #009933; /*IE6会变为绿色*/
}

这样就把IE6、IE7、IE8和其他标准浏览器区别开来了
好多css hack,最重要的是简单实用能解决问题就行了
总结:
\9 : IE6 IE7 IE8
*  : IE6 IE7
_  : IE6

  注意:IETester中可能会发现IE7和IE8没有区分开来,请换原生的IE8浏览器来测试,不要太相信IETester;

 

 

分享到:
评论

相关推荐

    IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例

    尤其是在处理旧版Internet Explorer(如IE6、IE7、IE8)与现代浏览器(如Firefox、Chrome等)之间的样式差异时,CSS Hack技巧成为了必不可少的工具。本文将深入探讨不同浏览器兼容性的CSS Hack代码及其实例,帮助...

    IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表

    总之,"IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表" 是一个宝贵的工具,帮助开发者处理跨浏览器的CSS兼容性问题。尽管随着技术的发展,直接使用hack的情况越来越少,但理解这些技巧仍然是解决历史遗留...

    div+css兼容ie6ie7ie8ie9和FireFoxChrome等浏览器方法[借鉴].pdf

    本文将深入探讨如何使CSS样式兼容IE6、IE7、IE8、IE9以及Firefox、Chrome等现代浏览器。 1. **DOCTYPE声明的影响**: DOCTYPE声明对于浏览器的渲染模式至关重要。在HTML文档的顶部加入正确的DOCTYPE,如`<!DOCTYPE...

    IE6、IE7、IE8、Firefox、Chrome、Safari的CSS hack兼容一览表

    ### IE6、IE7、IE8、Firefox、Chrome、Safari的CSS Hack兼容一览表 在Web开发过程中,为了确保网站能够在不同的浏览器中保持一致的显示效果,开发者常常需要运用CSS Hack技术来解决浏览器间的兼容性问题。CSS Hack...

    CSS兼容大全IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari等浏览器

    CSS 兼容大全 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等浏览器 CSS 兼容大全是指在不同的浏览器中,例如 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等,如何使网页正常显示的技术。这个技术的核心是 CSS Hack,即...

    ie6、ie7、ie8、ie9、ie10、firefox、google chrome浏览器Hack及兼容性演示页面

    这里我们将深入探讨标题中提到的`ie6`到`ie10`以及`Firefox`和`Google Chrome`浏览器的兼容性问题,以及它们所基于的`Gecko`和`WebKit`内核。 首先,`IE6`至`IE10`是微软公司推出的一系列Internet Explorer浏览器,...

    css兼容与差别 IE6,IE7,IE8,FireFox,Opera,Safari.doc

    标题和描述中的文档"css兼容与差别 IE6,IE7,IE8,FireFox,Opera,Safari.doc"主要探讨的是如何解决这些浏览器中的CSS兼容性问题。 1. **浮动(float)**:在示例代码中,我们可以看到针对不同浏览器的浮动样式设置。`...

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

    在网页开发中,兼容性问题是一个常见且棘手的问题,尤其是涉及到老版本的Internet Explorer(IE6、IE7、IE8)和Firefox等其他浏览器。这些浏览器对于CSS(层叠样式表)的解析方式存在差异,导致在不同浏览器中页面...

    IE6、IE7、Firefox之间的兼容写法

    本文将重点探讨IE6、IE7以及Firefox之间的CSS兼容性写法,帮助开发者更好地解决实际项目中的兼容性问题。 #### 二、CSS Hack技术概述 为了确保网页在不同浏览器中的表现一致,开发者常常会采用一种名为“CSS Hack”...

    ie6_ie7_ie8_ff(火狐)浏览器兼容性

    在IT行业的前端开发领域,浏览器兼容性一直是一个关键议题,特别是在处理旧版浏览器如IE6、IE7、IE8以及火狐(Firefox)时。本文将深入探讨这些浏览器的兼容性问题,以及如何通过特定的技术手段来实现跨浏览器的一致...

    ie chrome firefox 兼容

    此外,我们还可以使用其他技术来实现浏览器兼容性处理,例如 使用浏览器特定的 CSS hack 或 JavaScript 代码。然而,无论我们使用哪种技术,navigator 对象和 userAgent 属性都是我们实现浏览器兼容性处理的基础。

    css区别IE和非IE浏览器

    ### CSS兼容性处理:针对IE与非IE浏览器的差异 在Web开发中,浏览器兼容性问题一直是前端开发者需要面对的重要挑战之一。不同浏览器对CSS的支持程度各不相同,特别是Internet Explorer(IE)系列浏览器与其他现代...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器

    针对标题“如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器”以及描述“DOCTYPE 影响 CSS 处理”,我们将详细讨论CSS兼容性和DOCTYPE对CSS的影响,以及处理这些浏览器差异的策略。 1. **DOCTYPE与CSS...

    IE6-IE11兼容性问题列表及解决办法.rar

    1. **CSS兼容性问题**:IE6-IE11对CSS的支持程度不一,如浮动元素、盒模型、透明度、边距重叠等。例如,IE6不支持CSS3的新特性,而IE7-IE11虽然逐步增加了对新特性的支持,但仍存在许多问题。解决方法包括使用条件...

    解决CSS在IE与火狐下的兼容问题

    然而,由于不同浏览器的解析方式存在差异,尤其是在Internet Explorer(IE)和Firefox之间,CSS兼容性问题时常困扰着开发者。本文将深入探讨如何解决CSS在IE与Firefox下的兼容问题,帮助你的网页在各种浏览器中展现...

    div+css常见兼容性问题

    这些问题主要出现在不同浏览器对CSS规范的解读和实现上存在差异,尤其是老版本的Internet Explorer(如IE6和IE7)与其他浏览器(如Firefox、Chrome等)之间。 首先,我们来探讨一下通用的解决方案。`height`属性在...

    css_hack csshack技术

    它主要用于向所有IE版本提供特殊的样式规则,但现代浏览器(如Firefox、Chrome等)将忽略这些规则。例如,`.ie-only { color: red; }` 将仅在IE浏览器中生效。 - **`>` (大于号)**:此符号用于指定父元素的直接子...

Global site tag (gtag.js) - Google Analytics