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 在各个浏览器下的呈现效果:



