frontend - 修复了居中 div 中的无重复背景图像?

标签 frontend page-layout css

我有一个固定宽度居中的 div,其中有一个固定的无重复背景图像,背景图像需要偏离中心。但是,当调整窗口大小时,无论图像是使用百分比坐标还是像素坐标固定的,它都不会在 div 中保持正确的位置。

有没有办法: 1) 将背景图像固定到它的 div 而不是页面,或者 2) 使用与“left:50%; margin-left:/$twice-the-pixel-size-of-div-width/;”类似的技巧div centering hack 使固定背景图像在调整页面大小时保持在居中 div 中的同一位置?

最佳答案

background-position 属性是您要找的吗?

http://www.w3schools.com/cssref/pr_background-position.asp

关于frontend - 修复了居中 div 中的无重复背景图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7811859/

相关文章:

javascript - 我可以在 Express POST 请求中进行 DOM 操作吗?

html - CSS:在填充内设置内联元素

SharePoint 2010 - RichImageField 未在显示模式下显示

javascript - slider 插件中的图像颜色叠加,叠加上方的文本(wordpress)

html - 如何选择具有两个类名的 html 元素?

vue.js - 如何在 vuetify 的数据表中使用 "custom filter" Prop ?或如何创建自定义过滤器以按标题过滤?

html - 如何使 float 元素在容器内居中

html - 内联 block 元素是否可以自动填充可用宽度?

php - TinyMCE 添加类到 img 标签

css - 如何使用 SVG 为网页上的手写文本制作动画?