ie6、ie7dom 元素再次3D渲染及zoom的应用

2021-03-10 06:30 jianzhan

原始:

点一下“更多之后”:

ie6、ie7下出現难题,"芒果强烈推荐"所属的div 沒有被撑下来,有底部虚线可知,上1个div的确早已撑开了,可是它的下1个同辈结点如何沒有撑下来,那时候,当我电脑鼠标移到“令人满意度”、“销量”、“价钱”这些a标识上时,它就修复一切正常了。处理这个点一下“更多”不撑开的方法是在它们的父元素上加款式zoom:100%。

一切正常状况:

在处理这个难题的全过程中,也学了此外1个bug--"ie63D渲染bug":

js实际操作DOM,有时在IE6下真是便是恶梦,不3D渲染的处理方式一般全是zoom强制性IE3D渲染来处理:

javascript编码


拷贝编码
编码以下:

document.body.style.zoom = 1.1;
document.body.style.zoom = '';

以上编码客观事实上是驱使body在IE下再次实行CSS3D渲染,简易点了解——IE6碰到zoom值产生转变,就1定会再次3D渲染。客观事实上我常常用zoom来处理IE6下CSS3D渲染难题,假如器皿出現奇异,再加zoom: 100%,IE6就乖乖的收服。线上demo