在css3过渡后，内部元素仍然不可见

Question

完成css3转换后，回调会使内部元素可见（使用通用选择器和不透明度属性）。

在下列情况下，它们在屏幕上保持不可见。最奇怪的是，当使用控制台并“检查元素”时，它们会神奇地出现。

http://jsfiddle.net/tT84s/12/

此错误发生在Chrome 19.0.1084.52上，但不适用于Safari 5.1.5

我怀疑是一个渲染错误，一些内部浏览器触发器没有触发或类似的东西。

Answer 1

-webkit-backface-visibility: hidden

Webkit Bug。尝试使用上面的代码，它可能有助于解决您的问题。您也可以使用transform: scale()代替宽度和高度。

Answer 2

尝试http://jsfiddle.net/tT84s/13/

摇晃DOM似乎有效。在这个小提琴中，我重新追加过渡元素的子元素（按照它们最初定位的顺序）。它似乎在小提琴中起作用 - 虽然这里提到的一些解决方案对我们对这个bug的具体体验不起作用。

一般来说，看起来强制DOM更改有效。但请注意，插入和删除<div>没有任何效果。去搞清楚！祝你好运，大家请尽量为这个或相关的小提琴/错误演示发布你的工作解决方案。例如，这可以简单地添加和删除最后一个孩子 - 以避免执行比必要更多的appendChild操作。