css - 为什么会发生奇怪的 CSS 背景图像转换？

Question

我今天在 chrome 中遇到了一件有趣的事情。我设置了一个过渡设置来在 2 个背景图像之间切换，它可以工作，但结果很有趣。我做了一支笔来说明这个问题：

http://codepen.io/anon/pen/LmkJG

它恰好符合我想要完成的目标，但我不知道为什么会这样。如果有人可以向我解释，我会很高兴。

Answer 1

我的假设是它在两个背景图像大小之间应用了过渡。由于一张背景图像比另一张大，它会将一张图像转换为另一张图像的尺寸，同时将其淡出。

要消除图像上高度/宽度的转换，只需使两个图像的尺寸相同。