firefox - Firefox/Opera 是否处理定位/多个背景图像？

Question

在 Firefox/Opera 中显示特定背景图像时遇到问题，所有其他浏览器都在玩球(显然 IE 除外，我不得不妥协)。

目前，Opera 不允许这样的多个背景图像:

background-image: url('/images/h2_default_bg.png'), url('/images/dashed_bg_default.gif');
background-repeat: no-repeat, repeat-x;
background-position: top left, bottom left;

当背景图像以像素为单位定位时，Firefox 和 Opera 都会很尴尬:

background: url('/assets/images/dashed_bg.gif') bottom 2px repeat-x;

对于这两个问题是否有任何简单的解决方法？

Answer 1

多背景只支持从Firefox 3.6开始和 Opera 10.5 .这些是您正在测试的版本吗？ Chrome 和 Safari 已经支持它们，我想你的意思是“所有其他浏览器......除了 IE”

至于你的第二个问题，the spec says this about the background-position syntax :

If two values are given and at least one value is not a keyword, then the first value represents the horizontal position (or offset) and the second represents the vertical position (or offset).

所以你给的顺序错了。改为 2px bottom。