如何添加粘在容器 div 上的 body 背景？

Question

我在 window 的中心有一个容器。我的标志从容器到左边。我将徽标分成两部分。我用 no-repeat 在我的容器中添加了正确的部分。剩下的部分我必须添加到我的 body 背景中并以某种方式将其粘贴到容器 div.

我画出了我的问题：

如何解决这个问题？

Answer 1

我会做一些不同的事情。您始终可以将 #logoimage div 的背景设置为带有渐变的徽标，或者简单地将图像放入其中。带有完整徽标对象的一张图片就足够了。

风格：

#container{
    display:block;
    width:400px;
    height:800px;
    margin:auto;
    background:#abc;
    position:relative;
}

#logoimage{
    display:block;
    width:170px;
    height:80px;
    margin:auto;
    background:#aaa;
    position:absolute;
    left:-70px;
    top:30px;
}

html:

<div id="container"><div id="logoimage"></div></div>

live example here

其中最重要的是：

position:relative 容器元素的样式

position:absolute 徽标元素样式

一般的想法是，在绝对位置中，您可以相对于具有相对位置的元素设置 x,y。

如何添加粘在容器 div 上的 body 背景？

How to add body background which sticks to container div?

containers

background