区分 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的支持程度各不相同,特别是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 Hack,即...
利用`_`,可以区分IE6与Firefox: ```css #divcss5 { background: black; /* Firefox背景变黑色 */ _background: orange; /* IE6背景变橘色 */ } ``` 由于Firefox不识别`_`,故仅IE6能应用橘色背景。 综上所述...
在《简单CSShack:区分IE6、IE7、IE8、Firefox、Opera》中,作者介绍了两种主要的方法来针对这些浏览器进行CSS样式区分。 方法一主要依赖于特殊的CSS选择器来区分浏览器。以下是对四种特殊符号的测试结果: 1. `>`...
### CSS解决IE6、IE7及Firefox兼容性问题详解 #### 一、引言 随着互联网技术的发展,浏览器种类日益增多,其中Internet Explorer (IE) 和 Firefox 是早期非常流行的两款浏览器。尤其在2000年代中期,IE6、IE7 和 ...
important声明来区分IE6和Firefox: - Firefox不能识别*选择器,但能识别!important。 - IE6能识别*选择器,但不能识别!important。 - IE7既识别*选择器也识别!important。 2. 使用_下划线来区分IE6和IE7及Fire...
### CSS的下拉菜单,支持IE6 IE7 Firefox #### 概述 本文将详细介绍一个兼容Internet Explorer 6(IE6)、Internet Explorer 7(IE7)以及Firefox浏览器的纯CSS下拉菜单实现方法。该下拉菜单不仅具有良好的跨浏览器...
### CSS兼容IE和Firefox的技巧集合 #### 一、引言 随着Web技术的发展,不同浏览器之间的兼容性问题一直是前端开发者关注的重点。特别是在早期的Web开发中,Internet Explorer(IE)和Firefox这两种主流浏览器在CSS...
在互联网的早期,IE(Internet Explorer)和Firefox(火狐浏览器)是两个主要的Web浏览平台,它们在处理CSS(层叠样式表)和JavaScript方面存在显著的差异。这些差异对于开发者来说至关重要,因为它们影响了网站在...
本文将重点探讨IE6、IE7以及Firefox之间的CSS兼容性写法,帮助开发者更好地解决实际项目中的兼容性问题。 #### 二、CSS Hack技术概述 为了确保网页在不同浏览器中的表现一致,开发者常常会采用一种名为“CSS Hack”...
"区分ie6 7 8 FF 的css hack 日常总结"这个主题集中讨论了如何针对IE6、IE7、IE8以及Firefox等浏览器编写特定的CSS代码来实现跨浏览器的兼容性。 首先,让我们了解CSS Hack的基本概念。CSS Hack是指由于不同浏览器...
本文将详细介绍如何使用CSS Hack来区分IE6、IE7和Firefox,从而确保网页在各个浏览器中呈现一致的效果。 首先,我们来看一下几种常见的区分方法: 1. 区分IE6与Firefox: 在CSS中,我们可以利用Firefox不识别`*`...
- **`\9`**:这个字符序列仅被IE8及以下版本识别,用于区分IE和其他浏览器。 - **`*`**:IE6和IE7能识别星号前的CSS属性,但IE8及以上及非IE浏览器通常忽略它。 - **`_`**:只有IE6能识别下划线前的CSS属性。 3....
IE6、Firefox、Opera和Safari等浏览器区分控件名称的大小写,而IE7及以后的版本则不区分。这意味着在编写CSS或者JavaScript选择器时,对于IE7及以上版本,可以使用不区分大小写的ID或类名,而在其他浏览器中必须保持...
标题中的“css样式表兼容总结,兼容火狐,ie6,ie7,FF”指的是在网页设计中,CSS样式表需要处理不同浏览器之间的兼容性问题,特别是老版本的Internet Explorer(IE6和IE7)以及Firefox。描述中的“css样式表火狐,ie6,ie...
### CSS在IE6/IE7与Firefox下的兼容性解决方案 #### 概述 在Web开发领域,确保网页在不同浏览器间的一致性显示是至关重要的。由于历史原因,Internet Explorer(尤其是IE6和IE7)与现代浏览器如Firefox在解析CSS时...
浏览器Firefox与Internet Explorer(IE)在CSS样式表的解析上存在一些显著的差异,这些差异在实际开发过程中可能引起布局不一致或者样式显示错误。以下是一些关键的区别和解决策略: 1. **CSS Hack** - 为了针对...
本教程将详细介绍如何使用CSS Hack来区分IE6、IE7和Firefox。 1. 区分IE6与Firefox: 在CSS中,可以使用星号(*)前缀作为hack,这在IE6中被识别,而Firefox则无法识别。例如: ```css background: orange; /* ...