初始:
点击“更多以后”:
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
标签:
dom,元素,渲染
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“ie6、ie7dom 元素重新渲染及zoom的使用”评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。