如何添加贴在容器div上的身体背景？

Question

我在窗口中央有一个容器。我的徽标从容器向左走。我把我的徽标分成2块。右边的一块我加入了我的容器，没有重复。左边的部分我必须在我的身体背景中添加，并以某种方式将其粘贴到容器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相对于位置相对的元素。