div+CSS浏览器兼容问题整理(IE6.0、IE7.0,ie8,FireFox...)三_html

IE7.0 出来了，对CSS的支持又有新问题。浏览器多了，网页兼容性更差了，疲于奔命的还是我们 ，为解决IE7.0的兼容问题，找来了下面这篇文章： 现在我大 部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没 按要求显示！下面是三个浏览器的兼容性收集.

第一种，是CSS HACK的方法

height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/

注意顺序。

这样也属于CSS HACK，不过没有上面这样简洁。
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */


第二种，是使用IE专用的条件注释














第三种，css filter的办法，以下为经典从国外网站翻译过来的。.

新建一个css样式如下：
#item {
width: 200px;
height: 200px;
background: red;
}

新建一个div,并使用前面定义的css的样式：

some text here

查看更多关于div+CSS浏览器兼容问题整理(IE6.0、IE7.0,ie8,FireFox...)三_html的详细内容...