IE6及以上版本的CSS+DIV兼容问题

原创于 2010-07-02 13:19:00 发布 · 404 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ie #css #div #浏览器

本文介绍了一种使用CSS Hack解决浏览器兼容性问题的方法。通过特定语法，可以实现针对不同浏览器及其版本的样式定制，如IE6、IE7及Firefox等。文章提供了多个示例，帮助开发者更好地理解和应用这些技巧。

利用css hack能够很好解决问题也就是不同版本的对元素属性的支持不通来设置

例如：

所有浏览器通用 height: 100px;
IE6 专用 _height: 100px;
IE7 专用 *+height: 100px;
IE6、IE7 共用 *height: 100px;
IE7、FF 共用 height: 100px !important;

举几个例子：

1、IE6 - IE7+FF

#example {
height:100px; /* FF+IE7 */
_height:200px; /* IE6 */
}
其实这个用上面说的第一种方法也可以
#example {
height:100px !important; /* FF+IE7 */
height:200px; /* IE6 */
}

2、IE6+IE7 - FF

#example {
height:100px; /* FF */
*height:200px; /* IE6+IE7 */
}

3、IE6+FF - IE7

#example {
height:100px; /* IE6+FF */
*+height:200px; /* IE7 */
}

4、IE6 IE7 FF 各不相同

#example {
height:100px; /* FF */
_height:200px; /* IE6 */
*+height:300px; /* IE7 */
}
或：
#example {
height:100px; /* FF */
*height:300px; /* IE7 */
_height:200px; /* IE6 */
}
了解了这些一般的兼容问题大都可以解决了