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

由于无法在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;

这两个问题都有简单的解决方法吗

目前，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;

在CSS2/2.1中，这样的多个背景图像是不可能的，目前我们仍在使用

看这个

---

至于其他设置，背景位置肯定可以跨浏览器工作，我不知道有任何不兼容的地方。Firefox和Opera中到底发生了什么？

正如您所发现的，在所有现代浏览器中，多种背景都可以工作。从10.5版开始，它确实在Opera中起作用。没有关于IE9是否会拥有它的信息，也没有关于IE是否/何时会支持它的信息。

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

至于你的第二个问题：

如果给定了两个值，且至少有一个值不是关键字，则第一个值表示水平位置（或偏移），第二个值表示垂直位置（或偏移）

---

所以你给他们的顺序不对。改为

2px-bottom

。

多个背景在CSS3中是新的：但它还没有真正得到支持（显然）。@Felix啊，我明白了。谢谢你的提醒。在Chrome、FF和Safari中都能完美工作。IE没有这样做，但这并不令人惊讶，我不得不创建一个解决方案，原因有很多。昨天我在浏览答案时发现了这个符号，我也没有看到它，但给我留下深刻印象的是它在上述浏览器中工作。@JFK1980:正如链接所说，目前只有基于WebKit的浏览器（以及Firefox）支持它。@Pekka:出于某种原因，它们都忽略了“底部2px”，根本不显示图像。例如，如果我将其更改为“左下角”，则它工作正常；正如你所料。啊，我现在觉得自己像个傻瓜。谢谢，这么简单的错误。我不认为我的Opera是最新的，我不好，但至少我知道它现在在所有版本中都不起作用。是的，但Opera 10.5仍处于测试阶段，而FF 3.5相当稳定，因此人们需要时间从旧版本迁移到新版本。