鸦杀's Blog

background-positon-x与background-position-y坑点小计

2016-08-21

有句话说的好啊,“不要以为你以为的就是你以为的”,非常适合background-position这个坑,因为它太常用。

1
background-position: 10px 20px;
1
2
background-position-x: 10px;  
background-position-y: 20px;

很少会有人认为上面这两种写法有什么区别,不就是下面一种分开来写嘛。

然而can i use告诉你,firefox就是这么傲娇,当然还有我们国内不怎么关注的opera。

纳尼???

我们来看下兼容性表格

兼容性表格

这里显示firefox48及以下,firefox for Android 47,Opera mini 目前所有版本,都不支持background-position-x/background-position-x,而Opera mobile直到37才开始支持。

扫描二维码,分享此文章