一、CSS Hack
以下两种方法几乎能解决现今所有Hack.
1,!important
随着ie7对!important的支持,!important 方法现在只针对ie6的Hack.(注意写法.记得该声明位置需要提前.)
以下为引用的内容：
<style>
#wrapper
{
wIDth: 100px!important; /* ie7+FF */
wIDth: 80px; /* ie6 */
}
</style>
2,ie6/ie77对firefox
以下为引用的内容：
*+HTML 与 *HTML 是IE特有的标签,firefox 暂不支持.而*+HTML 又为 ie7特有标签.
<style>
#wrapper
{
#wrapper { wIDth: 120px; } /* firefox */
*HTML #wrapper { wIDth: 80px;} /* ie6 fixed */
*+HTML #wrapper { wIDth: 60px;} /* ie7 fixed,注意顺序 */
}
</style>
注意:
*+HTML 对ie7的Hack 必须保证HTML顶部有如下声明：
<!DOCTYPE HTML PUBliC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/HTML4/loose.dtd">
二、万能 float 闭合
关于 clear float 的原理可参见 [How To Clear floats Without Structural Markup]
将以下代码加入Global CSS 中,给需要闭合的div加上 class="clearfix" 即可,屡试不爽.
以下为引用的内容：
<style>
/* Clear Fix */
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hIDden;
}
.clearfix
{
display:inline-block;
}
/* HIDe from IE Mac */
.clearfix {display:block;}
/* End hIDe from IE Mac */
/* end of clearfix */
</style>
总结
以上是内存溢出为你收集整理的DIV+CSS兼容IE6/7和火狐的完美解决方案全部内容，希望文章能够帮你解决DIV+CSS兼容IE6/7和火狐的完美解决方案所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）