`

区别不同浏览器,CSS hack写法

阅读更多

区别不同浏览器,CSS hack写法:

 

区别IE6FF
       background:orange ;* background:blue ;

 

区别IE6IE7
       background:green  !important ;background:blue ;

 

区别IE7FF
       background:orange* background:green ;

 

区别FFIE7IE6
       background:orange ;* background:green  !important ;*background:blue ;

 

注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;

 


IE6 IE7 FF
* ×
!important ×

 


另外再补充一个,下划线"_ ",
IE6支持下划线,IE7和firefox均不支持下划线。

于是大家还可以这样来区分IE6IE7firefox
: background:orange ;* background:green ;_ background:blue ;

注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。

 

如:.a {color:#f00;     color:#f60\9;    +color:#00ff00;    _color:#0000ff; }
          ff                         ie8               ie7                         ie6

分享到:
评论

相关推荐

    浏览器兼容之旅第二站:各浏览器的Hack写法让浏览器达到一致的渲染效果

    从而让各浏览器能达到一致的渲染效果,那么针对不同的浏览器写不同的CSS CODE的过程,就叫CSS HACK,同时也叫写CSS Hack这一节将和大家一起学习:浏览器兼容之旅的第二站:各浏览器的Hack写法

    各浏览器下Hack的写法

    以下是针对各主流浏览器的一些CSS Hack写法: 1. **Firefox**: 使用`@-moz-document url-prefix()`来为Firefox编写特定的CSS规则。例如: ```css @-moz-document url-prefix() { .selector { property: value...

    H5 CSS hack 和浏览器内核

    CSS Hack主要针对不同的浏览器或者特定版本的浏览器,通过特定的语法结构使得某些CSS规则只在特定浏览器下生效。例如,IE6不支持“min-width”属性,但可以使用其特有的“_width”来实现类似效果。这种写法就是一种...

    各浏览器css兼容写法

    然而,由于不同的浏览器对CSS规范的实现存在差异,导致了跨浏览器的兼容性问题。解决这些问题,确保网页在所有主流浏览器中都能正常显示,是前端开发者必须面对的重要任务。以下是一些关于CSS兼容性的关键知识点: ...

    css_hack csshack技术

    **CSS Hack**是一种通过特定语法或标记来针对不同浏览器或其版本定制CSS样式的技巧。这种方法可以帮助开发者解决浏览器间的兼容性问题,实现统一的设计表现。 #### 三、常用CSS Hack 技术解析 1. **符号 Hack** -...

    css浏览器兼容写法

    本文将详细介绍如何编写针对不同浏览器的CSS兼容写法。 首先,我们可以使用特定的CSS选择器来让特定浏览器识别某些样式。例如,对于IE6,我们使用`*html .head{color:#000;}`,其中星号(*)前缀的选择器只有IE6会...

    CSS Hack 浏览器兼容写法 用法

    CSS Hack 不得不在一些项目中运用到

    cssHack样式解析

    CSS Hack 的原理是基于不同的浏览器对 CSS 的支持及解析结果不同,以及 CSS 中的优先级关系。我们可以根据这个来针对不同的浏览器来写不同的 CSS。 例如,IE6 能识别下划线 "_" 和星号 "*",IE7 能识别星号 "*",但...

    不同浏览器的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;*...

    CSS hack浏览器兼容一览表

    为了解决这些问题,开发者们发明了一种技巧,被称为“CSS hack”,以确保网页在不同浏览器上呈现出一致的效果。本文将详细介绍CSS hack及其在各种浏览器中的兼容性。 首先,CSS hack主要是通过编写特定的CSS语法...

    浏览器兼容.doc-CSS hack姐姐兼容性问题

    CSS Hack是指针对不同浏览器编写特定的CSS代码,使同一段CSS在各个浏览器中都能得到预期的效果。例如,IE6能识别下划线 "_" 和星号 " * ",而IE7仅识别星号,Firefox则不识别这两种符号。开发者可以通过这些特性为...

    web前端规范之CSSHack.pdf

    CSS Hack的产生源于不同浏览器对CSS标准解析的不一致。在过去的几年中,浏览器市场主要分为两大阵营:IE阵型和Webkit阵型。IE阵型包括由微软开发的IE6、IE7、IE8、IE9,以及基于这些内核扩展的国内浏览器如360、搜狗...

    web前端规范之CSSHack[总结].pdf

    以下是一些常见的CSS Hack写法示例: ```css .newsList { padding: 10px; /* FF, CH, OP */ [padding: 10px; padding: 12px;] /* SF, CH (取后者) */ padding: 9px\9; /* 所有ie内核 */ padding: 8px\0; /* ie8...

    针对主流浏览器的CSS-HACK写法及IE常用条件注释

    #### 一、主流浏览器CSS兼容性问题概述 在前端开发过程中,为不同浏览器编写兼容的CSS样式是必不可少的一部分,尤其是对于IE6、IE7、IE8等旧版本浏览器,由于它们遵循的CSS标准与现代浏览器存在较大差异,常常需要...

    Css hack总结及其最佳用法

    CSS Hack,作为一种应对不同浏览器间样式解析差异的技术,是前端开发者在处理跨浏览器兼容性问题时经常需要用到的技能。在本文中,我们将深入探讨CSS Hack的原理、常见方法以及最佳实践,特别关注针对IE6、IE7和IE8...

    浅谈各种浏览器下的CSS Hack兼容性写法

    由于不同浏览器所遵循...CSS Hack技术,就是利用不同浏览器不同版本之间的CSS实现的特性差异,来满足我们需要的效果:在所有主流浏览器上显示统一的效果,或者为特定浏览器显示特定的效果。 众所周知,如果在一个css样

Global site tag (gtag.js) - Google Analytics