在Opera中的背景图定位

background-position in Opera

  background-postion可以用三种方式赋值:关键字(keyword)、百分比(percentage)和像素值(pixel)。在不混用三种赋值方式的情况下,几乎所有的5+版本浏览器都能很好地工作,但是把关键字和另两种方式混用的时候就会出现一些麻烦。比如:

background-position:left -40px;

  这样的写法就不会被Opera解释,最终的结果是被自动地设置回默认值:

background-position:0px 0px;

  解决方案:使用百分比来代替关键字。对应关系见下表:

关键字 百分比
top 0%
center 50%
bottom 100%
left 0%
center 50%
right 100%

  Google到一张很详细的各浏览器对混合赋值的支持表,不妨参考一下。

雅虎收藏