2013-04-30 65 views
0

今天我遇到了一件有趣的事情。我有一个转换设置为2个背景图像之间的变化,它可以工作,但有趣的结果。我做了一个笔来说明这个问题:为什么奇怪的CSS背景图像转换发生?

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

它发生什么我试图完成,以适应很好,但我不知道为什么会这样。如果有人能够向我解释,我会很高兴。

+0

也许你可以解释什么 “有趣的结果”,并且还包括在你的问题中的一些代码,以便如果该链接永远死掉这个问题仍然是有用的人? – mutex 2013-04-30 21:56:12

+0

好吧,图像看起来像是随着它变成下一张图像而爆炸。现在只发生在铬中。代码很长,但基本上它是从较小的背景转换到较大的背景。 – TorranceScott 2013-07-13 01:10:11

回答

1

我的假设是它应用两个背景图像大小之间的转换。由于一幅背景图像比另一幅背景图像大,因此它将一幅图像转换为另一幅图像的尺寸,同时将其淡出。

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

+0

这是一个好点;我希望你是对的,尽管我喜欢这个效果,所以我想我会保留它,但感谢解决方法! – TorranceScott 2013-07-12 23:55:15