多个背景图像的 CSS hack

Question

我正在使用...

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)。

我不喜欢使用 hack，但现在可以用了。我不记得我最初是在哪里找到\0/hack 的，甚至不记得它为什么起作用。其他浏览器开始识别\0/并呈现最后一条指令而不是前面的多个背景的可能性有多大？

Answer 1

无需黑客攻击:

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

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