CSS破解多个背景图像

Question

我正在使用......

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

在Chrome，Safari和Firefox中创建多个背景图片。最后一个指令（使用\ 0 /用于IE。它是一个允许支持多个背景的浏览器显示它们的hack，但也允许IE（至少版本8）显示主背景图像（spot.gif）。没有它，IE8根本不会渲染任何背景（不确定IE7）。

我不喜欢使用黑客攻击，但现在这种方法很有用。我不记得我最初在哪里找到了\ 0 / hack，甚至还没有找到它的原因。其他浏览器开始识别\ 0 /并渲染最后一个指令而不是它之前的多个背景的可能性有多大？

Answer 1

不需要黑客攻击：

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

这样，如果浏览器理解第二个背景声明，第一个背景声明将被覆盖，否则忽略第二个背景声明。