2009-12-30 67 views
2

爲什麼這個簡單的代碼行可以在firefox e.t.c中完美工作,但是在IE中會產生一些奇怪的淡入淡出問題。帶有透明度的IE背景圖像

#content { background:url(images/bg-trans.png) repeat; padding:25px 21px; width:918px; overflow:hidden; } 

它像透明度是在一個角落開始,但隨後它逐漸淡出...非常討厭!

+3

屏幕截圖或問題的鏈接會很好,因爲現在很難看到bg-trans.png的樣子。什麼版本的IE? – 2009-12-30 23:20:02

+0

謝謝,它的屁股疼... – Andy 2009-12-30 23:25:18

+0

也許這是同一問題: http://stackoverflow.com/questions/662616/background-colour-of-a-png-in-ie8 ?? – 2009-12-30 23:28:05

回答

6

我之前用IE8遇到過這個問題。

這是因爲你有一個1x1背景png與透明度。出於某種原因,IE8在這些方面做了大量工作,並將它們作爲大面積的漸變梯度應用。

奇怪的是,解決方案只是簡單地將背景.png文件放大一些。 1x2或2x1將做到這一點。爲了對瀏覽器更好,一些更大的東西可能更好,10x10或20x20也許,因爲這意味着他們不必在整個背景中渲染它很多次。

+0

LEGEND !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! – Andy 2009-12-30 23:35:04