CSS 可以将背景图像定位到距右边缘特定的距离吗？

精确的背景图像定位：与右边缘对齐

是否可以利用 CSS 将背景图像定位到距右边缘指定的距离一个元素的?虽然传统的背景位置属性允许从左侧和顶部进行特定调整，但似乎没有直接的方法来实现相对于右边距的对齐。

但是，存在一个解决方案：

解决方案：

background-position: right 30px center;

此技术在大多数现代浏览器中都有效。浏览器兼容性请参考https://caniuse.com/#feat=css-background-offsets。

说明：

正确的关键字指示浏览器定位元素右边缘的图像。随后的 30px 值指定图像从右边界偏移的距离。 center 关键字确保元素高度内垂直居中。

其他信息：

有关详细信息，请参阅 http://www.w3 上的 W3C 规范。 org/TR/css3-background/#the-background-position.

以上是CSS 可以将背景图像定位到距右边缘特定的距离吗？的详细内容。更多信息请关注PHP中文网其他相关文章！