`

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

    博客分类:
  • css
阅读更多

区别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的写在最后面。

<!-- End of first post --><!-- Start of second post --><!-- End of second post --><!-- End of first post --><!-- Start of second post --><!-- End of second post -->

分享到:
评论

相关推荐

    浏览器兼容之旅第二站:各浏览器的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、搜狗...

    10个非常有用的CSS hack和技术

    这里使用了三种不同的写法来确保在各种浏览器中均能正确应用圆角效果。 **资源:** - [CSS3系列教程: 边框半径和圆角](http://bestcss.net) - [CSS3之旅: border-radius(圆角)](http://bestcss.net) - [Border-...

    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