css 背景图片右随其

CSS 背景图片右随其，是指当页面宽度发生变化时，背景图片也会跟随页面的变化而调整位置。

实现这个效果可以使用 CSS3 的 background-position 属性。这个属性控制背景图片在元素中的位置，并且可以通过关键字或者像素来指定其位置。

例如：
background-position: right top; // 将图片放置到元素的右上角
background-position: 10px 20px; // 将图片距离元素的左边框和上边框分别 10 像素和 20 像素

但是，这样设置会使得背景图片的位置与页面的宽度没有关系，当页面宽度变化时，图片位置不会跟随变化。

解决方法是使用 background-position-x 属性和 background-size 属性。background-position-x 用于控制背景图片在元素中水平位置，background-size 用于控制背景图片的尺寸。

例如：
background-size: contain; // 将背景图片缩放到适合元素的大小
background-position-x: right; // 设置背景图片在元素的右边

这样设置后，当页面宽度变化时，背景图片会跟随变化而调整位置。

综上所述，使用 background-position-x 属性和 background-size 属性可实现 CSS 背景图片右随其的效果。