在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到一张很详细的各浏览器对混合赋值的支持表,不妨参考一下。