IE6及以上版本的CSS+DIV兼容问题
2010-07-02 13:19
417 查看
利用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 */
}
了解了这些 一般的兼容问题大都可以解决了
例如:
所有浏览器 通用 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 */
}
了解了这些 一般的兼容问题大都可以解决了
相关文章推荐
- 黄聪:DIV+CSS建站经验总结,不同版本IE下CSS布局bug问题(IE5、IE6、IE7、IE8、火狐Firefox兼容)
- Div+CSS浏览器兼容问题( FireFox IE6 IE7 IE8 IE9)
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题(转)
- DIV+CSS相对IE6、IE7和IE8的兼容问题
- DIV+CSS相对IE6、IE7和IE8的兼容问题
- DIV+CSS相对IE6、IE7和IE8的兼容问题
- JavaScript经典代码【一】【DIV+CSS解决IE6,IE7,IE8,FF兼容问题】
- DIV+CSS相对IE6、IE7和IE8的兼容问题
- IE6,IE7,FF | CSS + DIV 兼容问题综合解决方案CSS HACK
- IE6,IE7,FF | CSS + DIV 兼容问题综合解决方案CSS HACK【转】
- DIV+CSS相对IE6、IE7和IE8的兼容问题3
- div+css 布局下兼容IE6 IE7 FF常见问题
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- DIV+CSS相对IE6、IE7和IE8的兼容问题4
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- div+css 布局下兼容IE6 IE7 FF常见问题(转载)
- div+css 布局下兼容IE6 IE7 FF常见问题
- DIV+CSS相对IE6 IE7和IE8兼容问题整理