ie6、ie7dom 元素重新渲染

初始：

点击“更多以后”：

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

参考：http://fanlog.blogspot.com/2009/01/ie6bug.html

ie6、ie7dom 元素重新渲染相关推荐

uGUI学习篇: UI元素的渲染与性能
Draw Call 为将对象渲染到画面中,Unity的渲染引擎针对OpenGL.Direct3D等图形API发行了渲染调用 (Draw Call). Unity引擎可按特定的顺序在一帧内渲染多个多边形 ...
01 React初步认知、React元素、渲染、工程化
定义 react:用于构建用户界面的 JavaScript 库 (仅负责View层渲染.应在视图上体现交互逻辑) vue:渐进式JavaScript 框架(MVVM) 使用引入CDN脚本添加根容器 ...
list vue 删除后页面渲染_Vue项目中v-for数组删除第n项元素产生渲染错误问题及解决方法...
项目背景最近使用Vue(版本2.9)开发一个项目时,要生成表单列表,所以使用了v-for来做循环,循环里的元素(item)是一个子组件.同时每个元素都有删除按钮,点击后删除当前元素. 初始代码如下: ...
ReactJs 第三章 React元素的渲染
什么是React元素?又是什么时候进行渲染? 在jsx文件中我们定义的每一个Jsx代码都为React元素,如最简单的 const ele = <h1>Hello World</h1& ...
push数组元素不渲染 vue_对vue中data的数组push无效
data (){ return { keys: [] } }, methods: { select (key) { this.keys.push(key) console.log(this.keys) ...
flutter: 根视图、根元素与根渲染
flutter如何建立的视图树(WidgetTree),元素树(ElementTree)及渲染树(RenderingTree),又是如何更新视图绘制视图? 这个问题太大,刚开始一切又都是陌生的,理解起 ...
安卓版PDA扫码获取扫描枪数据；input获取焦点不弹出虚拟键盘；解决页面btn可操作数据的逻辑，导致DOM元素渲染，input的readonly失效
html部分: 页面需要一个容器来接收扫描数据注意:安卓版PDA扫描不同于win系统版本,安卓版本获取扫描数据时并不是keyCode按键依次获取,而是一次性给出扫描的数据 <!--扫描枪数据接 ...
如何给Vue v-for循环渲染出的元素（导航栏）批量添加点击事件及点击后添加css类样式及点击后路由跳转切换
如何给Vue v-for循环渲染出的元素批量添加点击事件及点击后添加css类样式及点击后路由跳转切换能够实现或解决的问题给Vue v-for循环出的元素批量添加点击事件,并以自己在数组中 ...
Unity UI层元素渲染顺序
今天做项目,做了一个UI界面,但是效果感觉很怪,本来作为背景图的iamge,结果蒙在了其他控件的上面. 百思不得解,问了同事才知道,Unity的UI元素有渲染顺序的差异,后渲染的元素自然就会覆盖在上面 ...

ie6、ie7dom 元素重新渲染

ie6、ie7dom 元素重新渲染相关推荐

最新文章

热门文章