css - background-position使用疑惑。

Question

DEMO

我看文档上是这样写的:

A percentage for the horizontal offset is relative to (width of background positioning area - width of background image). A percentage for the vertical offset is relative to (height of background positioning area - height of background image), where the size of the image is the size given by ‘background-size’.

那么为什么10%就会偏移那么多呢？
不解。

Answer 1

I didn’t see the effect of your code. I’m not sure what to say. Please give me a link first

Answer 2

The coordinates of bgp are only positioned with negative values~

Answer 3

10% will offset that much. It depends on the size of your box (picture). This is relative.

Answer 4

The key depends on how you position it. It is recommended to take out the source code and take a look

Answer 5

This attribute sets the position of the background-image, and it also depends on how you position the box and the size of the image

Answer 6

Look at the calculation method of percentage, which is to align the position corresponding to 10% of the picture with the position corresponding to 10% of the background positioning.