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

　　我们的浏览器，有各种各样的 bug，这在前面的一篇文章里略有介绍。

　　在解决浏览器兼容性问题的时候，我们也有许多办法，但有时候尝试了各种各样的办法，仍然不能使页面的某些细微之处兼容每一个浏览器，因此，我们才使用 css hack 代码，解决那些顽固的浏览器兼容性问题——请注意：它只是为了解决真正的浏览器之间不兼容的现象，而不是帮助我们解决任何的页面错位问题!!

　　有时候，我们页面之所以出现错位，是因为我们的样式或者结构设置不合理，在这种情况下，一定要找出导致页面不兼容的真正原因，千万不要轻易使用 css hack 代码，以免造成下一个浏览器版本不兼容、以及为下一个页面错位的问题埋下隐患!!!

　　好了，下面是 css hack 代码：

　　div {

　　width: 100px; height: 100px;

　　background: red; /* 所有浏览器都识别 */

　　background: blue9; /* IE6、IE7、IE8 识别 */

　　+background: yellow; /* IE6、IE7 识别 */

　　_background: green; /* 仅 IE6 识别 */

　　}

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

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

评论总数：0 条 [ 查看全部 ] 网友评论