在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;
对于这些问题中是否有任何简单的解决方法?
答案 0 :(得分:5)
仅从Firefox 3.6和Opera 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何时/何时会支持它的信息。