对于float浮动
子级元素浮动之后,因为元素脱离了文档流所以父级元素的高度不会auto而是变成0的解决方案
父级元素增加伪类
父级:after{
content:"";
display:block;
clear:both;/*左右浮动都清除掉*/;
}
对于不支持伪类的ie低级浏览器ie6,ie7
父级{
zoom:1;/*解决兼容*/
}
css兼容所有浏览器的透明度
opacity: 0.5;
filter:alpha(opacity=50);(主要针对 IE)
-moz-opacity:0.5;(针对老版本的火狐内核的浏览器)
-khtml-opacity: 0.5; (老版本的webkit浏览器)
本文介绍了解决子级元素浮动导致父级高度塌陷的问题,通过使用伪类和zoom属性确保所有浏览器兼容。同时,提供了CSS透明度设置的跨浏览器解决方案,包括IE、火狐和WebKit内核浏览器。
634

被折叠的 条评论
为什么被折叠?



