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 一定是进行了更新或类似的操作,而这个问题所基于的最初问题现在已经得到修复。
如果有人可以解释为什么会发生这种情况,我们将不胜感激,但目前问题已经解决。
我正在尝试弄清楚为什么在下面的示例中只渲染前后元素,以及我将如何渲染跨度。
虽然我也只测试了 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 一定是进行了更新或类似的操作,而这个问题所基于的最初问题现在已经得到修复。 如果有人可以解释为什么会发生这种情况,我们将不胜感激,但目前问题已经解决。