我今天在 chrome 中遇到了一件有趣的事情。我有一个过渡设置，可以在 2 个背景图像之间切换，它可以工作，但结果很有趣。我做了一支笔来说明这个问题:
http://codepen.io/anon/pen/LmkJG
它恰好与我想要完成的目标很吻合，但我不知道为什么会这样。如果有人能向我解释，我会很高兴。
最佳答案
我的假设是它在两个背景图像大小之间应用过渡。由于一张背景图片比另一张大，它会将一张图片转换为另一张图片的尺寸，同时将其淡出。
要消除图像上的高度/宽度变换，只需使两个图像具有相同的尺寸即可。
关于css - 为什么会发生奇怪的 CSS 背景图像转换？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16309302/