浏览器不重绘＆LT; D​​IV＆GT;它隐藏后 [英] Chrome does not redraw <div> after it is hidden

问题描述

我有一些 DIV S中的出现在悬停，然后是隐藏的。然而，在Chrome（19.0.1084.56男，Windows XP中）当您unhover，Chrome不重绘他们作为了，直到你做这样的事情滚动或调整窗口的大小。

I have some divs that show up on hover, and then are hidden. However, in Chrome (19.0.1084.56 m, Windows XP) when you unhover, Chrome doesn't redraw them as gone until you do something like scroll or resize the window.

http://jsfiddle.net/y7NdR/3/

据我所知，某些修改我的CSS将解决这个问题，例如删除位置或的z-index 和溢属性，但我真的不想这样做 - 的的jsfiddle是从一个完整的网站，我需要他们配对下来

I am aware that certain modifications to my CSS will fix the problem, e.g. removing the position or z-index and overflow properties, but I really don't want to do that--the JSfiddle is paired down from a full site where I need them.

任何人都可以阐明究竟为什么这个重绘问题在Chrome中发生任何光线？没有人有任何的技巧来解决它不与CSS，我需要？

Can anyone shed any light on exactly why this redraw problem is happening in Chrome? Does anyone have any tips to fix it without messing with the CSS that I need?

推荐答案

显然，这是一个WebKit的错误。

Clearly, this is a WebKit bug.

我发现，加入 -webkit-变换：scale3d（1,1,1）; 修复它：

http://jsfiddle.net/thirtydot/y7NdR/5/

我不知道是否有任何缺点此修复程序。我想这样做是因为使用的WebKit里面，不同的code渲染3D转换。

I'm not sure if there are any downsides to this fix. I guess this works because inside WebKit, different code is used to render 3D transforms.

这篇关于浏览器不重绘＆LT; D​​IV＆GT;它隐藏后的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！