区别不同浏览器,CSS hack写法:
区别IE6
与FF
:
background:orange
;*
background:blue
;
区别IE6
与IE7
:
background:green
!important
;background:blue
;
区别IE7
与FF
:
background:orange
; *
background:green
;
区别FF
,IE7
,IE6
:
background:orange
;*
background:green
!important
;*background:blue
;
注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;
|
IE6 |
IE7 |
FF |
* |
√ |
√ |
× |
!important |
× |
√ |
√ |
另外再补充一个,下划线"_
",
IE6支持下划线,IE7和firefox均不支持下划线。
于是大家还可以这样来区分IE6
,IE7
,firefox
: background:orange
;*
background:green
;_
background:blue
;
注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。
如:.a {color:#f00; color:#f60\9; +color:#00ff00; _color:#0000ff; }
ff ie8 ie7 ie6
分享到:
相关推荐
从而让各浏览器能达到一致的渲染效果,那么针对不同的浏览器写不同的CSS CODE的过程,就叫CSS HACK,同时也叫写CSS Hack这一节将和大家一起学习:浏览器兼容之旅的第二站:各浏览器的Hack写法
以下是针对各主流浏览器的一些CSS Hack写法: 1. **Firefox**: 使用`@-moz-document url-prefix()`来为Firefox编写特定的CSS规则。例如: ```css @-moz-document url-prefix() { .selector { property: value...
CSS Hack主要针对不同的浏览器或者特定版本的浏览器,通过特定的语法结构使得某些CSS规则只在特定浏览器下生效。例如,IE6不支持“min-width”属性,但可以使用其特有的“_width”来实现类似效果。这种写法就是一种...
然而,由于不同的浏览器对CSS规范的实现存在差异,导致了跨浏览器的兼容性问题。解决这些问题,确保网页在所有主流浏览器中都能正常显示,是前端开发者必须面对的重要任务。以下是一些关于CSS兼容性的关键知识点: ...
**CSS Hack**是一种通过特定语法或标记来针对不同浏览器或其版本定制CSS样式的技巧。这种方法可以帮助开发者解决浏览器间的兼容性问题,实现统一的设计表现。 #### 三、常用CSS Hack 技术解析 1. **符号 Hack** -...
本文将详细介绍如何编写针对不同浏览器的CSS兼容写法。 首先,我们可以使用特定的CSS选择器来让特定浏览器识别某些样式。例如,对于IE6,我们使用`*html .head{color:#000;}`,其中星号(*)前缀的选择器只有IE6会...
CSS Hack 不得不在一些项目中运用到
CSS Hack 的原理是基于不同的浏览器对 CSS 的支持及解析结果不同,以及 CSS 中的优先级关系。我们可以根据这个来针对不同的浏览器来写不同的 CSS。 例如,IE6 能识别下划线 "_" 和星号 "*",IE7 能识别星号 "*",但...
区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; 区别FF,IE7,IE6: background:orange;*...
为了解决这些问题,开发者们发明了一种技巧,被称为“CSS hack”,以确保网页在不同浏览器上呈现出一致的效果。本文将详细介绍CSS hack及其在各种浏览器中的兼容性。 首先,CSS hack主要是通过编写特定的CSS语法...
CSS Hack是指针对不同浏览器编写特定的CSS代码,使同一段CSS在各个浏览器中都能得到预期的效果。例如,IE6能识别下划线 "_" 和星号 " * ",而IE7仅识别星号,Firefox则不识别这两种符号。开发者可以通过这些特性为...
CSS Hack的产生源于不同浏览器对CSS标准解析的不一致。在过去的几年中,浏览器市场主要分为两大阵营:IE阵型和Webkit阵型。IE阵型包括由微软开发的IE6、IE7、IE8、IE9,以及基于这些内核扩展的国内浏览器如360、搜狗...
以下是一些常见的CSS Hack写法示例: ```css .newsList { padding: 10px; /* FF, CH, OP */ [padding: 10px; padding: 12px;] /* SF, CH (取后者) */ padding: 9px\9; /* 所有ie内核 */ padding: 8px\0; /* ie8...
#### 一、主流浏览器CSS兼容性问题概述 在前端开发过程中,为不同浏览器编写兼容的CSS样式是必不可少的一部分,尤其是对于IE6、IE7、IE8等旧版本浏览器,由于它们遵循的CSS标准与现代浏览器存在较大差异,常常需要...
CSS Hack,作为一种应对不同浏览器间样式解析差异的技术,是前端开发者在处理跨浏览器兼容性问题时经常需要用到的技能。在本文中,我们将深入探讨CSS Hack的原理、常见方法以及最佳实践,特别关注针对IE6、IE7和IE8...
由于不同浏览器所遵循...CSS Hack技术,就是利用不同浏览器不同版本之间的CSS实现的特性差异,来满足我们需要的效果:在所有主流浏览器上显示统一的效果,或者为特定浏览器显示特定的效果。 众所周知,如果在一个css样