Html 将绝对定位元素与背景对齐

如果你看一下下面的提琴：-然后调整浏览器的大小，你可以在背景图像的中心得到X。但是，当您调整大小时，它不会停留在那里

有没有可能不使用固定宽度或固定位置而使其保持原位？我怀疑一个小小的css欺骗可能是为了

body {
        background: url('http://cl.ly/image/3j2s1u2n0t15/Screen%20Shot%202014-07-23%20at%2012.25.02.png') top center no-repeat;
        background-size: cover;
    }
    .thing {
        position: absolute;
        top: 45%;
        left: 45%;
    }

在上下文中看一个例子：-白线的东西需要保持在相对相同的位置

干杯。

CSS

body {
    background: url('http://cl.ly/image/3j2s1u2n0t15/Screen%20Shot%202014-07-23%20at%2012.25.02.png') center center no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.thing{
    position:absolute;
    top:49%;
    left:49%;
}

HTML

x

---

绝对位置

指示元素处于绝对位置，而其他元素显示在网页上，如绝对位置元素和编号。元素的位置由属性left、top、right和bottom定义，还影响父元素位置值的位置。例如，如果父项设置为“位置值静态”或没有父项，则从浏览器窗口的边缘坐标进行计数。如果父元素设置为“位置值固定”、“相对”或“绝对”，则从父元素的边坐标进行计数

我认为这是正确的方法，因为您的案例从屏幕的边界定位vyschitvaetsya，在我的示例中，从父单元的边界定位vyschitvaetsya

x
.包裹{
背景：url（'http://cl.ly/image/3j2s1u2n0t15/Screen%20Shot%202014-07-23%20at%2012.25.02.png'）顶部中间无重复；
背景尺寸：封面；
宽度：500px；
高度：500px；
保证金：0自动；
位置：相对位置；
}
.事情{
位置：绝对位置；
最高：45%；
左：45%；
}

您的JSFIDLE与您的问题代码不匹配…您有一个额外的div.Sorted。把它用在身体上更容易：）啊，你把它弄破了，不是吗。虽然这在这样一个简单的场景中有效（我问了，然后你回答对了，顺便说一句），但我不能让它在实际的作品，钢笔上也起作用。不过，我会更仔细地研究它。现在它正在研究如何使它像小提琴一样简单。。。

<div class="img">
   <div class="thing">x</div>
</div>

<div class="wrap">
    <div class="thing">x</div>
</div>

.wrap {
   background: url('http://cl.ly/image/3j2s1u2n0t15/Screen%20Shot%202014-07-23%20at%2012.25.02.png') top center no-repeat;
            background-size: cover;
  width: 500px;
  height: 500px;
  margin:0 auto;
  position: relative;
}
.thing {
            position: absolute;
            top: 45%;
            left: 45%;
        }