`
playfish
  • 浏览: 289516 次
  • 性别: 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问题,导致某些部分消失。

相关推荐

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

    这种问题通常是由于IE6和IE7的布局计算机制导致的,这两个浏览器在某些情况下可能无法正确地识别和扩展元素的大小。解决这个问题的一种方法是在“芒果推荐”div的父元素上添加`zoom: 100%`的样式。 `zoom`属性在IE6...

    javascript之解决IE下不渲染的bug

    * 使用 style.zoom 属性可能会出现某些情况下不能全部渲染的问题,例如页面内容很少,没有占满屏幕。 * 使用 style.display 属性可能会导致页面闪烁或其他不良反应。 * 在 IE6 和 IE7 浏览器中,可能需要使用不同的...

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

    最后,在使用Zoom属性时,开发者需要注意IE浏览器的版本问题,因为不同的IE版本对Zoom的支持可能有所不同。在现代浏览器中,应该尽量避免使用这类旧的、不标准的CSS属性。随着浏览器对标准的遵循越来越好,标准CSS...

    网页排版IE6兼容性问题修改方法

    IE6在不同的DOCTYPE模式下呈现效果不同,使用严格的XHTML1.0或HTML5 DOCTYPE可使IE6进入Quirks模式以外的标准模式,以获得更接近现代浏览器的渲染效果。 以上是针对IE6兼容性问题的一些常见解决方案。在实际开发中...

    IE下css if条件

    6. **负边距问题**:IE6不正确处理负边距,导致浮动元素定位问题,可以使用`zoom:1`来触发IE的hasLayout解决。 7. **DOCTYPE影响**:不同的DOCTYPE声明会影响IE的渲染模式,如使用XHTML严格标准的DOCTYPE可能导致IE...

    DIV+CSS网页中IE和火狐兼容问题的整理

    然而,在实际应用中,由于不同浏览器的解析和渲染机制存在差异,尤其是在IE(Internet Explorer)和Firefox之间,这种差异可能导致兼容性问题。以下是对这些兼容性问题的详细梳理和解决策略。 1. **盒模型差异** -...

    使用zoom解决IE6 margin无效BUG

    但在IE6中,由于其内核的渲染机制问题,某些情况下的外边距可能会被忽略或合并,这就是著名的“margin塌陷”。 解决IE6的这个margin问题,可以采用多种策略,其中之一便是利用`zoom`属性。`zoom`属性是Internet ...

    ie和火狐浏览器兼容问题

    在网页开发过程中,浏览器兼容性问题常常困扰着开发者,尤其是IE和Firefox之间的差异。以下是一些针对CSS在IE和Firefox浏览器中的兼容性问题及其解决策略: 1. **DOCTYPE影响CSS处理**:不同的DOCTYPE声明会影响...

    处理ie6下png格式透明效果

    处理完IE6下的PNG透明问题后,可能会遇到一些新的挑战,例如性能影响、图片质量下降或是与其它CSS样式的冲突。因此,在应用解决方案时,应进行充分的测试,确保在保持视觉效果的同时,不影响网站的整体性能和用户...

    验证码IE7、IE8兼容

    5. 文档模式:IE7和IE8存在多种文档模式,如Quirks模式、标准模式等,不同的模式下渲染和行为可能有所不同。确保网页在doctype声明后以标准模式运行,避免因文档模式引起的兼容问题。 6. 兼容性库:可以引入如...

    div+css兼容ie6ie7ie8ie9和FireFoxChrome等浏览器方法[借鉴].pdf

    高度通常允许自适应,但在某些情况下,可能需要使用`overflow:hidden`触发IE的`layout`属性,如`.colwrapper{overflow:hidden; zoom:1;}`。 总之,要实现跨浏览器的CSS兼容性,需充分理解不同浏览器的解析差异,...

    网页兼容问题、IE、FireFox

    从IE5到IE9,每个版本都有其独特的渲染引擎,导致对CSS、JavaScript和DOM支持的差异。例如,IE6对浮动元素的处理与标准模式不同,可能导致布局混乱;而IE7引入了DOCTYPE声明,但对盒模型的解释仍存在偏差。为了解决...

    ie6十大兼容性问题

    IE6 和 IE7 中存在许多渲染问题,这些问题可以通过激活元素的 `hasLayout` 属性来解决。这个特性允许浏览器正确地理解元素的边界和位置,特别是在需要将行内元素变为块级元素或者实现透明效果时尤为重要。 **示例:...

    ie常见问题

    对于IE,不正确的DOCTYPE可能导致浏览器进入混杂模式,导致CSS渲染差异。 Firefox和IE在处理div居中方式上有区别。在Firefox中,可以通过设置`margin-left`和`margin-right`为`auto`使div居中,但IE不支持此方法。...

    IE浏览器兼容

    如`_width:`仅在IE6下生效,`*width:`作用于IE7及以下版本,`zoom:1;`用于触发IE的hasLayout特性等。 3. **条件注释**:IE浏览器支持条件注释,允许在HTML中嵌入特定于IE的代码块。例如,`<!--[if lt IE 9]>`将只在...

    ad.css for IE

    4. `display`属性:在处理浮动元素和清除浮动时,IE可能会有特殊的显示问题,例如`display:inline-block`在IE7中不起作用,可能需要使用`zoom:1`来触发hasLayout。 5. `position`属性:在定位元素时,IE和现代...

Global site tag (gtag.js) - Google Analytics