2010-12-04 75 views
2

我使用...CSS破解了多背景圖片

background:url(menu-bg.png) repeat-x, url(spot.gif) repeat; 
background:url(spot.gif)\0/; 

要建立在Chrome,Safari和Firefox多背景圖片。最後一條指令(使用\ 0 /是IE瀏覽器,它允許支持多種背景的瀏覽器顯示它們,但也允許IE(至少版本8)顯示主背景圖像(spot.gif)。如果沒有它,IE8根本不會渲染任何背景(不知道IE7)

我不喜歡使用黑客,但現在這個工作,我不記得我在哪裏找到\ 0 /黑客最初甚至爲什麼它的工作原理是怎樣有可能是其他瀏覽器開始認識到\ 0 /和渲染最後的指令,而不是多背景前述它

回答

4

需要任何黑客攻擊:?

background:url(spot.gif); 
background:url(menu-bg.png) repeat-x, url(spot.gif) repeat; 

這樣,如果瀏覽器理解第二個背景聲明,第一個將被覆蓋,否則第二個被忽略。

+0

賓果!謝謝 :) – 2010-12-05 02:55:44