css - 与背景图片的相对位置

标签 css position

我有一个我想要的 div,我将其放置在距离顶部 25% 的位置。但是,这 25% 是根据背景图像的大小计算的,而不是根据可见屏幕的大小计算的。如何解决?

更新:现在顶部边距有效,但左侧无效:(

有什么线索吗?

body {
    background: #eeeeee url('pix/bg-noether-2.jpg') no-repeat center top;
    background-size: auto 100%;
    background-attachment: fixed;
    overflow: hidden;
    align: center;
} 

#container {
    background-color: #ffffe4;
    position: absolute;
    width: 776px;
    height: 400px;
    top: 25%;
    margin-left: auto;
    text-align: center;
    overflow: auto;
}

最佳答案

1) 使用绝对定位:

#myDiv { position: absolute; top: 25%; }

2) 确保你的 div 不在另一个定位元素内(如果你不确定这一点,只需将它放在 <body> 标签内,别无其他)

关于css - 与背景图片的相对位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6308850/

相关文章:

html - 对不同的元素应用不同的样式规则

html - IE 9 不尊重我的叠加层,只将 css 应用于包含的元素

css - 如何修复这些边距?仅在 Firefox 中工作正常

html - CSS绝对位置右边覆盖其他元素

css - 如何将wordpress后端编辑器主题设为主主题?

javascript - parent 的风格取决于 child 的动态值(value)

javascript - 找到 HTML 元素和浏览器(或窗口)边之间的距离

html - OpenCart 中的面包屑定位

javascript - 如何使用 HTML 中存在的相同表单出现在页面的不同位置 onclick

python - python 3.x中的Hangman,找到 secret 单词中字母的位置