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

时间:2010-02-16 11:24:31

标签: css firefox css3 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;

对于这些问题中是否有任何简单的解决方法?

3 个答案:

答案 0 :(得分:5)

仅从Firefox 3.6Opera 10.5开始支持多个背景。那些你正在测试的版本? Chrome和Safari已经支持它们,我认为你的意思是“所有其他浏览器......除了显然IE”

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

  

如果给出了两个值并且至少有一个值不是关键字,则第一个值表示水平位置(或偏移量),第二个值表示垂直位置(或偏移量)。

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

答案 1 :(得分:3)

  

目前,Opera不允许使用多个背景图片:

CSS2 / 2.1中不可能有多个这样的背景图像,目前我们仍然have to adhere to

请参阅此quirksmode page on which browsers currently support multiple backgrounds

至于其他设置,后台位置肯定适用于各种浏览器,我不知道那里有任何不兼容性。 Firefox和Opera究竟发生了什么?

答案 2 :(得分:0)

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