妙味课堂LOGO

设置漂亮的中文字体

IE6、IE7、IE8、Firefox 都兼容的 CSS HACK 代码

发表人 leo | 文章分类 XHTML+CSS | 发表日期 19-10-2009

标签:,

0

写在前面很严肃的话:
我们的浏览器,有各种各样的 bug,这在前面的一篇文章里略有介绍。
在解决浏览器兼容性问题的时候,我们也有许多办法,但有时候尝试了各种各样的办法,仍然不能使页面的某些细微之处兼容每一个浏览器,因此,我们才使用 css hack 代码,解决那些顽固的浏览器兼容性问题——请注意:它只是为了解决真正的浏览器之间不兼容的现象,而不是帮助我们解决任何的页面错位问题!!
有时候,我们页面之所以出现错位,是因为我们的样式或者结构设置不合理,在这种情况下,一定要找出导致页面不兼容的真正原因,千万不要轻易使用 css hack 代码,以免造成下一个浏览器版本不兼容、以及为下一个页面错位的问题埋下隐患!!!

好了,下面是 css hack 代码:

div {
 width: 100px; height: 100px;
 background: red;        /* 所有浏览器都识别 */
 background: blue\9;    /* IE6、IE7、IE8 识别 */
 +background: yellow;  /* IE6、IE7 识别 */
 _background: green;   /* 仅 IE6 识别 */
}

注意:这个顺序是利用CSS优先级的顺序排列,不可颠倒。

这个 div 在各个浏览器下的呈现效果:

browser

发表评论