在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;
这些问题都有简单的解决方法吗?
解决方法
仅从
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).