`
playfish
  • 浏览: 285283 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

IE下ZOOM属性导致的渲染问题

阅读更多
昨天做页面的时候,修改liferay的jedi主题,发现了jedi主题一个很严重的问题,
在IE下,portlet的标题栏很多都消失了,看来又是哪个地方渲染有问题了。
采用注释法,将custom.css里面一段一段注释掉。最终找到了问题的关键所在。哈哈,就是
.ie .portlet{zoom:1}这个属性导致了IE渲染的问题。具体原因不清楚,但是去除这个属性后回复正常,不知道去掉这个属性会带来什么问题。
1
0
分享到:
评论
1 楼 hax 2008-02-22  
zoom 会让它 hasLayout。
此外,ie中的一个元素如果内部有多层非hasLayout的元素,且它们的width和height是互相影响动态计算的,是有可能造成repaint问题,导致某些部分消失。

相关推荐

    CSS中的zoom属性和scale属性的用法及区别

    zoom 属性语法:zoom:normal | <number> | 默认值:normal适用于:所有元素继承性:有取值:normal:使用对象的实际尺寸。<number>:用浮点数来定义缩放比例。不允许负值<percentage>:用百分比来定义缩放比例。不...

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

    初始: ... ie6、ie7下出现问题,"芒果推荐"所在的div 没有被撑下来,有...js操作DOM,有时候在IE6下简直就是噩梦,不渲染的解决方法通常都是zoom强制IE渲染来解决: javascript代码: 复制代码代码如下:document.body.st

    CSS中不为人知Zoom属性的使用介绍(IE私有属性)

    其实Zoom属性是IE浏览器的专有属性,Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外,它还有其他一些小作用,比如触发ie的hasLayout属性,清除浮动、清除margin的重叠等。 Zoom的使用方法: ...

    IE浏览器专有css属性之zoom详解

    Zoom属性是IE浏览器的专有属性,Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外,它还有其他一些小作用,比如触发ie的hasLayout属性,清除浮动、清除margin的重叠等

    css中zoom:1属性的定义和作用

    zoom:设置或检索对象的缩放比例,触发IE浏览器的haslayout属性,解决浮动,margin重叠等一些问题。 语法: zoom:normal 参数: normal:使用对象的实际尺寸(默认值) number:用数字来定义缩放比例,不能出现负数, ...

    详解CSS中zoom属性或overflow:auto属性清除浮动的作用

    因为Zoom属性是IE浏览器的专有属性,所以他清除浮动作用只适用于IE浏览器,而Firefox、google等浏览器则需要使用overflow:auto属性来清除浮动。所以要达到兼容IE6、IE7、IE8、Firefox、google浏览器的时候就必需使用...

    javascript之解决IE下不渲染的bug

    此时你需要让IE重新渲染一下: function handleIEhasLayout(){ //trigger re-rendering document.body.style.zoom = 1.1; //restore it document.body.style.zoom = ”; } 有问题,记得执行一下...

    ZoomIt中文汉化版

    1、Zoomit v4.5是目前最新版。 2、Zoomit v4.5中文汉化绿色版 3、Zoomit v4.5在win8 64位系统中完美运行 4、软件介绍: 可以教师在讲课时候用!!非常有用!!ZoomIt是一款非常实用的一个超级好用的投影演示辅助工具...

    Zoom视频会议软件电脑版安装包 ZoomInstaller(电脑版).exe

    但是在PC端下载安装Zoom的过程中,我也曾遇到了许多问题,总是安装不成功,不能正常使用,因此在网上找了许多的资源和安装教程,最终找到了现在这个安装包,终于能够成功安装Zoom并正常使用。因此,我想要将这一资源...

    zoom使用手册及常见问题

    zoom的网上考试系统说明,常见故障和处理,适用于对zoom使用不熟悉的用户

    使用zoom解决IE6 margin无效BUG

    在一些情况下IE6会无效,解决办法是下面的方式。看代码: 复制代码代码如下: <div xss=removed> <div xss=removed>some contents</div> </div> 就是在最外层加上一个div盒子加上zoom:1值 zoom只有IE6才有的,可以...

    演示必备辅助软件 ZoomIt

    无需安装,解压缩即可使用。...例如,我可以用标注功能标注屏幕上的问题。ZoomIt还包括一个定时器功能,当你从定时器窗口切换出来它甚至仍然是可用的,并且,你还可以通过点击一下ZoomIt托盘图标再返回到计时器窗口。

    Zoom for macOS版本

    Zoom 是现代企业视频通讯领导者,提供简捷可靠的云平台,帮助企业在移动设备、电脑和会议室系统上轻松进行视频和音频会议、聊天以及网络研讨会。作为一款基于软件的原创会议室解决方案,Zoom Rooms 在全球范围内被...

    Zoom 远程会议免费版

    Zoom 远程会议, Zoom 远程会议 Zoom 远程会议 Zoom 远程会议 Zoom 远程会议

    ZoomIt 3.03

     按下快捷键(默认ctrl+1),即可进入ZoomIt的放大模式。这时屏幕内容将放大后(默认2倍)显示。 移动光标,放大区域将随之改变。 用鼠标滚轮或者上下方向键,将改变放大比例。 关于实时放大,见下。 按下Esc键 或 ...

    cloud-zoom.js

    cloud-zoom.jscloud-zoom.jscloud-zoom.jscloud-zoom.js

    ZoomInstaller.exe

    Zoom5.5.2版本

Global site tag (gtag.js) - Google Analytics