CSS - 背景图像定位

标签 css background

是否可以使用 CSS background-position: 将图像定位到元素的最右侧,然后减去几个像素,使其不直接靠在边缘上?无需向实际图像本身添加一些填充?

谢谢

最佳答案

假设您的 div 宽度为 1000px,并且您希望它距代码右侧 5px

background: url('image.jpg') no-repeat 995px 50%;

编辑:

正如所指出的,上面的代码不适应图像的大小。

假设您的 div 宽为 1000px,图像宽为 100px,并且您希望它距离右侧 5px,代码将是

background: url('image.jpg') no-repeat 895px 50%;

您的定位是Div 大小 - 图像大小 - 与右边缘的所需间距。

关于CSS - 背景图像定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4213729/

相关文章:

javascript - html/javascript - 去饱和/灰度图像翻转而不创建图像副本或 Sprite

JQuery Mobile 对话框背景

objective-c - iOS 13 Objective-C后台任务请求

image - CSS3背景图片高度问题

wpf - 在 WPF 代码隐藏中,如何为每个单独的 ListBoxItem 设置背景颜色,其中颜色基于项目本身?

html - 如何从html中删除空格

html - 如何垂直对齐列表项中心

javascript - 使用 CSS 和 JavaScript 的动画

css - 背景图片的最佳实践

javascript - 如何使模态窗口的背景图像与模态窗口同时出现,而不是之前出现?