2013-04-30 77 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