精确的背景图像定位:与右边缘对齐
是否可以利用 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中文网其他相关文章!