css – background-position:-209px -2px,我不明白负背景位置

前端之家收集整理的这篇文章主要介绍了css – background-position:-209px -2px,我不明白负背景位置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果我有一个1000×3000像素的图像并且我使用负背景位置,这是如何工作的?

我认为通过向左移动209个像素然后向上移动2个像素然后显示实际剩下的部分它起作用,但它似乎与此相反.

解决方法

背景位置属性实际上相对于元素移动背景图像本身.对于实例,如果使用{background-position:0 0},则表示您将图像左上角的(0,0)定位到html元素的左上角.

-ve left offset表示您将图像向左移动,-ve top offset表示向上移动图像.

在上面的代码中,第一个0表示左偏移,第二个0表示顶部偏移.

{background-position: -209px -2px}

意味着您将图像向左移动209px,向上移动2px.

希望这会帮助你.

原文链接:https://www.f2er.com/css/216277.html

猜你在找的CSS相关文章