2010-12-04 69 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