css - 如何将我的背景图像定位在我的 div 的中心,但给它一个偏移量?

标签 css sass compass-sass

我的 div 有一个背景图片,我希望它位于中心,但略有偏移。如果我执行 background-position: x y; 它不会随着页面变宽而保持居中。

最佳答案

您可以使用百分比按比例指定 background-position像这样:

element {
    background-image: url(' ... ');
    background-repeat: no-repeat;
    background-position: 55% 50%;
}

参见 jsFiddle

关于css - 如何将我的背景图像定位在我的 div 的中心,但给它一个偏移量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17750294/

相关文章:

ruby-on-rails - 我们应该将 Sprited 图像排除在 Assets 管道之外吗?

html - CSS - 在图像上的无序列表中停止文本换行

html - 为什么我的#hello 没有出现?

css - 从显示中移除图像后重新定位表单

ruby-on-rails - 在 SCSS 部分中使用 Rails 3.1 Assets 路径

css - 防止溢出 :hidden from cropping the image

css - 单独在背景图像上的 compass 过渡不透明度

css - 如何在 SASS 中创建不同的投影大小?

css - Bootstrap 3 大按钮在手机屏幕上跳出 Jumbotron

jquery - 基本的 jQuery 联系表单问题