Iefans,靠谱的软件下载站

首页 最新文章 最新安卓 最新苹果 浏览器 IE教程 在线图片编辑 最新软件 最新游戏

当前位置: IEfans / IE专区 / IE动态/ ie6、ie7dom 元素重新渲染及zoom的使用

ie6、ie7dom 元素重新渲染及zoom的使用

编辑:秩名2023-06-26 17:30:02

初始:

点击更多以后:

ie6、ie7下出现问题,芒果推荐所在的div 没有被撑下来,有底部虚线可知,上一个div确实已经撑开了,但是它的下一个同辈结点怎么没有撑下来,当时,当我鼠标移到满意度、销量、价格这些a标签上时,它就恢复正常了。解决这个点击更多不撑开的办法是在它们的父元素上加样式zoom:100%。

正常情况:

在解决这个问题的过程中,也学了另外一个bug--ie6渲染bug:

js操作DOM,有时候在IE6下简直就是噩梦,不渲染的解决方法通常都是zoom强制IE渲染来解决:

javascript代码


复制代码代码如下:
document.body.style.zoom = 1.1;
document.body.style.zoom = '';

以上代码事实上是迫使body在IE下重新执行CSS渲染,简单点理解IE6碰到zoom值发生变化,就一定会重新渲染。事实上我经常用zoom来解决IE6下CSS渲染问题,如果容器出现怪异,加上zoom: 100%,IE6就乖乖的驯服。在线demo
返回旧版Copyright © 1998-2023 www.iefans.net All Rights Reserved 沪ICP备17019769号-18 意见反馈