`

区分 ie678 firefox 的 css

    博客分类:
  • css
阅读更多

区分 ie678 & firefox 的 css

 

------

区分浏览器的几个准则:

 

'_'

ie6 可以识别以 '_' 开头的 标记,比如:"_margin-left",而 ie78,firefox 都不能,

 

'*'

ie6,7 都可以识别 以 '*' 开头的 标记,比如:"*background",而 firefox & chrome & ie8 都不能,

 

' !important'

该有该后缀的属性 优先级高,

可被 ie78 firefox 识别,

ie6 忽略其优先级 对ie6而言这种属性和其他属性是一样的,因此先后顺序对 ie6 有影响,

 

多次定义

ie78 firefox 都以最后1个优先级最高的有效属性为准,

ie6 不能区分优先级,仅区分定义顺序,以最后1个定义的属性为准,

 

------

技巧总结:

 

区分 ie6:

使用 '_' 开头的标签,

 

区分 ie7:

使用 '*property:value !important',

使用该属性特别指定 ie7时,应当注意该属性对 ie6也有效,只不过 ie6不区分优先级,因此可以在该属性后,再定义1个 * 或 _ 以专门为 ie6 指定属性值,

 

区分 firefox:

默认的属性就应当是适用于 firefox 的,然后如果 ie67 不兼容,则用 ie6,ie7 独有的语法来调整,

 

区分 ie8:

ie8 跟 firefox 差不多,

 

区分 ie67:

使用 '*',仅有 ie67 支持这个语法,

 

------

例子:

 

* 以 background 为例,区分 ie678 firefox:

 

css 代码:

		.div_one {background:red;*background:yellow !important;*background:green;width: 200px;height: 100px;}

		或

		.div_one {background:red;*background:yellow !important;_background:green;width: 200px;height: 100px;}
 

分析:

firefox & ie8: 不能识别 * 或 _ ,所以使用 background:red,

ie7: 可以识别 !important,其优先级高,因此使用 *background:yellow !important,

ie6: 

可以识别 * ,忽略 !important,因此使用后面的 *background:green,

可以识别 _ ,忽略 !important,因此使用后面的 _background:green,

 

 

------


分享到:
评论

相关推荐

    css区别IE和非IE浏览器

    不同浏览器对CSS的支持程度各不相同,特别是Internet Explorer(IE)系列浏览器与其他现代浏览器(如Firefox、Chrome等)之间存在较大的差异。本文将详细介绍如何通过CSS技巧来实现对IE浏览器和其他非IE浏览器之间的...

    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、Firefox兼容性CSS HACK代码+示例

    利用`_`,可以区分IE6与Firefox: ```css #divcss5 { background: black; /* Firefox背景变黑色 */ _background: orange; /* IE6背景变橘色 */ } ``` 由于Firefox不识别`_`,故仅IE6能应用橘色背景。 综上所述...

    简单CSShack:区分IE6、IE7、IE8、Firefox、Opera().pdf

    在《简单CSShack:区分IE6、IE7、IE8、Firefox、Opera》中,作者介绍了两种主要的方法来针对这些浏览器进行CSS样式区分。 方法一主要依赖于特殊的CSS选择器来区分浏览器。以下是对四种特殊符号的测试结果: 1. `>`...

    css解决IE6,IE7,firefox兼容性问题.

    ### CSS解决IE6、IE7及Firefox兼容性问题详解 #### 一、引言 随着互联网技术的发展,浏览器种类日益增多,其中Internet Explorer (IE) 和 Firefox 是早期非常流行的两款浏览器。尤其在2000年代中期,IE6、IE7 和 ...

    CSS hack 针对IE6,IE7,firefox显示不同效果

    important声明来区分IE6和Firefox: - Firefox不能识别*选择器,但能识别!important。 - IE6能识别*选择器,但不能识别!important。 - IE7既识别*选择器也识别!important。 2. 使用_下划线来区分IE6和IE7及Fire...

    CSS的下拉菜单,支持IE6 IE7 Firefox

    ### CSS的下拉菜单,支持IE6 IE7 Firefox #### 概述 本文将详细介绍一个兼容Internet Explorer 6(IE6)、Internet Explorer 7(IE7)以及Firefox浏览器的纯CSS下拉菜单实现方法。该下拉菜单不仅具有良好的跨浏览器...

    CSS兼容IE和Firefox的技巧集合

    ### CSS兼容IE和Firefox的技巧集合 #### 一、引言 随着Web技术的发展,不同浏览器之间的兼容性问题一直是前端开发者关注的重点。特别是在早期的Web开发中,Internet Explorer(IE)和Firefox这两种主流浏览器在CSS...

    IE和Firefox差异参考大全

    在互联网的早期,IE(Internet Explorer)和Firefox(火狐浏览器)是两个主要的Web浏览平台,它们在处理CSS(层叠样式表)和JavaScript方面存在显著的差异。这些差异对于开发者来说至关重要,因为它们影响了网站在...

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

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

    区分ie6 7 8 FF 的css hack 日常总结

    "区分ie6 7 8 FF 的css hack 日常总结"这个主题集中讨论了如何针对IE6、IE7、IE8以及Firefox等浏览器编写特定的CSS代码来实现跨浏览器的兼容性。 首先,让我们了解CSS Hack的基本概念。CSS Hack是指由于不同浏览器...

    区分IE6,IE7和firefox的CSS hack

    本文将详细介绍如何使用CSS Hack来区分IE6、IE7和Firefox,从而确保网页在各个浏览器中呈现一致的效果。 首先,我们来看一下几种常见的区分方法: 1. 区分IE6与Firefox: 在CSS中,我们可以利用Firefox不识别`*`...

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

    - **`\9`**:这个字符序列仅被IE8及以下版本识别,用于区分IE和其他浏览器。 - **`*`**:IE6和IE7能识别星号前的CSS属性,但IE8及以上及非IE浏览器通常忽略它。 - **`_`**:只有IE6能识别下划线前的CSS属性。 3....

    浏览器兼容(支持IE和firefox)

    IE6、Firefox、Opera和Safari等浏览器区分控件名称的大小写,而IE7及以后的版本则不区分。这意味着在编写CSS或者JavaScript选择器时,对于IE7及以上版本,可以使用不区分大小写的ID或类名,而在其他浏览器中必须保持...

    css样式表兼容总结,兼容火狐,ie6,ie7,FF

    标题中的“css样式表兼容总结,兼容火狐,ie6,ie7,FF”指的是在网页设计中,CSS样式表需要处理不同浏览器之间的兼容性问题,特别是老版本的Internet Explorer(IE6和IE7)以及Firefox。描述中的“css样式表火狐,ie6,ie...

    CSS完美兼容IE6_IE7_FF的通用方法

    ### CSS在IE6/IE7与Firefox下的兼容性解决方案 #### 概述 在Web开发领域,确保网页在不同浏览器间的一致性显示是至关重要的。由于历史原因,Internet Explorer(尤其是IE6和IE7)与现代浏览器如Firefox在解析CSS时...

    浏览器Firefox与IE在CSS样式表中的差异汇编.pdf

    浏览器Firefox与Internet Explorer(IE)在CSS样式表的解析上存在一些显著的差异,这些差异在实际开发过程中可能引起布局不一致或者样式显示错误。以下是一些关键的区别和解决策略: 1. **CSS Hack** - 为了针对...

    CSS hack-CSS

    本教程将详细介绍如何使用CSS Hack来区分IE6、IE7和Firefox。 1. 区分IE6与Firefox: 在CSS中,可以使用星号(*)前缀作为hack,这在IE6中被识别,而Firefox则无法识别。例如: ```css background: orange; /* ...

Global site tag (gtag.js) - Google Analytics