Chrome 隐藏溢出的渲染问题

Chrome rendering issue with overflow hidden

我正在尝试弄清楚为什么在下面的示例中只渲染前后元素,以及我将如何渲染跨度。​​

虽然我也只测试了 Opera、IE、Safari 和 Firefox,但这个问题似乎只出现在 Chrome。

不幸的是,我不能 100% 确定为什么会发生这种情况,因此我无法提供任何进一步的信息。

http://jsfiddle.net/ddoticus/2egfkpu4/

dd {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 1.5s;
    -webkit-transition: max-height 1.5s;
}

我相信上面的代码是问题所在。

如果您打开并关闭标题 3,然后再次打开它,它会将跨度的背景呈现为白色。

如果有人能解释 a- 为什么会发生这种情况以及 b- 一个有效的解决方法,我们将不胜感激。

这个问题似乎已经自行解决了,看起来 Google 一定是进行了更新或类似的操作,而这个问题所基于的最初问题现在已经得到修复。 如果有人可以解释为什么会发生这种情况,我们将不胜感激,但目前问题已经解决。