Css 标题后面的图像以及X和Y上的偏移量

使用CSS，如何在某些文本后面显示图像，并在X轴和Y轴上对其进行偏移

我有一个950px宽的设计，所以我想把这个图像放在一个中心的容器中，也就是950px宽的容器中，使它与标题的其余部分保持“同步”

我的问题是，图像不是标题文本后面的“一层”，而是完整显示图像并向下推其余内容

非常感谢您的帮助

添加图像以进行澄清

谢谢，

---

Andy.

在css中的背景位置使用百分比值

.divName {
   background-position: 50%;

}

或者使用像top或bottom这样的词

请参阅完整的值列表

更新

将图像用作背景图像，而不是内联html图像

<div class='content'>
    <p> Some content</p>
    <p> More content</p>
    .... even more content ...
</div>

---

这样，图像将始终位于内容后面，并且位于分区的中心。

您是指类似的内容吗

好了，这更清楚了。现在我非常确定。

请参见：

CSS:

HTML:

---

好的，干杯。但是我怎样才能让.divName之后的内容显示在.divName之上？@Andy好的，我添加了更多解释谢谢。如果图像要延伸到原始div之外呢？就像“背景图像溢出”。这是可能的吗？div大小不重要图像将始终处于中间位置OK，但是看看，如果我将背景图像附加到“网站标题”div，我将如何实现左侧：-100px和顶部：-100px？谢谢。那真是一种享受。所以后面的图像是绝对的，但只与容器的相对位置有关。有趣的

div.content {
   background-image: url('image path');
   background-position: 50%;
}

#container {
    width: 300px;
    margin: 0 auto;
    background: #ccc;
    background: rgba(127,127,127,0.7);

    position: relative
}
#behindImage {
    background: url(http://dummyimage.com/150x150/f0f/fff) no-repeat;
    width: 150px;
    height: 150px;
    position: absolute;
    top: -30px;
    left: -90px;
    z-index: -1
}

<div id="container">
    <div id="behindImage"></div>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mollis  volutpat blandit. Morbi bibendum pharetra bibendum. Fusce sit amet  lobortis odio. Proin ultricies, massa vel ornare fringilla, diam sem  convallis arcu, nec laoreet massa leo nec dolor. Nullam vel massa  ligula. Donec semper eros dapibus nibh dictum egestas ac nec libero.  Maecenas et fringilla augue. Phasellus imperdiet urna in sem scelerisque  adipiscing.</p>
</div>