CSS HACK 之 IE6+IE7+IE8+IE9+FF

news/2024/12/21 21:40:37/

自从安装了IE8.0正式版本!就对基本的几个 CSS HACK的做一下归纳!希望对网页前端布局DIV+CSS的实施者有所帮助! 


本文就主要以:IE6+IE7+IE8+IE9+FF为主要研究对象 

HACK原理:不同浏览器对各中字符的识别不同 (读完文章你会发现,FF和IE8对以下字符的识别能力完全相同) 


在 CSS中常用特殊字符识别表: 


(1)*:  IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的; 

(2)!important: 除IE6不能识别 !important外,  FF+IE8+IE7都能识别!important

(3)_ : 除IE6支持_ 外,  FF+IE8+IE7都不支持_; 

(4)\9:所有IE浏览器都识别(IE6、IE7、IE8、IE9)  

(5)\0: 只对IE8 有效

 

示例: 

(1)区别FF(IE8)与IE6 IE7 

backgorund:orange; FF和IE8背景色将为橘黄色 

*backgorund:red;   IE6和IE7背景色将为红色

 (2)区别FF(IE8)与IE6与IE7 

background:orange;   FF和IE8背景色将为橘黄色

 *background:red !important;  IE7背景色将为红色

 *background:blue;     IE6背景色将为蓝色

 (3)区别FF(IE8)与IE6与IE7 

background:orange;        FF和IE8背景色将为橘黄色 

*background:red;          IE7背景色将为红色

 _background:blue;         IE6背景色将为蓝色

 (4)区别FF与IE6 IE7 E8 

color:gray;       FF等非IE浏览器字体色将为灰色

 color:red\9;     IE8 IE9字体色将为红色


一看就懂:

  1. <style>
  2. div{
  3. width:400px;
  4. height:400px;
  5. background-color:red;
  6. background-color:blue\9; /*所有IE*/
  7. background-color:yellow\0; /*IE8 hack*/
  8. _background-color:#CDCDCD; /* ie 6*/
  9. *+html background-color:white; /*仅IE7*/
  10. *background-color:pink; /*IE6 IE7 hack*/
  11. @background-color:white; /*opera hack*/
  12.  
  13. }
  14. </style>






http://www.ppmy.cn/news/905448.html

相关文章

前端 ie6

问题一: ie6中select元素无视div的z-index,在div前显示解决方法一: sel_qx为select元素id $("#sel_qx").show(); $("#sel_qx").hide(); 其他解决方法: iframe->上网搜. 问题二: ie6中div块显示位置的计算,offset().top问题 $.browser.msie为浏览器…

[转载] IE6终极备忘:修复IE6下 25+ Bugs

&#xff08;感谢原作者Benjamin Kuker 和 译者李振文&#xff09; 去年就想将IE的bug系统地整理下&#xff0c;但一直都很忙没有完成&#xff0c;看到这篇E文后&#xff0c;我毫不犹豫的放下了手中的工作将之翻译出来。 由于是第一次译文&#xff0c;所以错误在所难免&#xf…

IE6使用技巧27则

1、加速IE    IE是Microsoft设计的Web浏览器&#xff0c;据说全世界有80%到90%的Internet用户使用它。如果你也属于这些用户之一&#xff0c;本文为你准备了一席丰盛的大餐。这里收集了27则提示、技巧和操作捷径。它们使你能够随心所欲地运用浏览器&#xff0c;帮助你提高工作…

针对火狐的css hack,最全的css hack兼容IE6/IE7/IE8/IE9,火狐Firefox,chrome,opera,safari

在这个浏览器百花争鸣的奇葩互联网时代&#xff0c;作为技术发的我们为了我们美工设计的各种脑残&#xff0c;或者所谓个性化的漂亮能适应各个浏览器可为煞费苦心。只能叫一个苦逼。 为 了适应不同浏览器不同的版本(版本主要就ie来说)&#xff0c;ie这朵奇葩现在我们要兼容6-9&…

ie7的css兼容性写法,CSS- ie6,ie7,ie8 兼容性写法,CSS hack写法

css ie6,ie7,ie8 兼容性写法,CSS hack写法 margin-bottom:40px; /*ff的属性*/ margin-bottom:140px\9; /* IE6/7/8的属性 */ color:red\0; /* IE8支持 */ *margin-bottom:450px; /*IE6/7的属性*/ margin-bottom:450px; _color:#ff0000; /* …

ie6~ie9 hack 写法

从后往前&#xff0c;依次是&#xff0c;firefox,ie9 ,ie8,ie7,ie6. &#xff08;注意杠9杠0&#xff0c;不知道为什么显示不出来&#xff0c;因此用的全角的&#xff09; selector{ background-color:#f00;/*all*/ background-color:#0ff\0;/* ie 8/9 */ background-color:#…

2010全面兼容IE6/IE7/IE8/FF的CSS HACK写法

浏览器市场的混乱&#xff0c;给设计师造成很大的麻烦&#xff0c;设计的页面兼容完这个浏览器还得兼容那个浏览器&#xff0c;本来ie6 跟ff之间的兼容是很容易解决的。加上个ie7会麻烦点&#xff0c;ie8的出现就更头疼了&#xff0c;原来hack ie7的方法又不能用了&#xff0c;…

IE6 即将成为历史 纠结的IE6

今天早上听到一个令我非常兴奋的消息&#xff0c;那就是IE6即将成为历史了&#xff0c;哈哈。 微软高管放言&#xff0c;宣称微软现在的目标之一就是将IE6在中国的市场份额降为零。还称IE6占中国浏览器市场份额的45%&#xff0c;成为中国网民使用最多的浏览器是因为大部分网民…