4

这是我的代码

<div id="content_main2">
    <div id="content_main2_left"><img src="../images/logo.png"></div>
</div>

css

#content_main2
{
    width:800px;
    height:200px;
}
#content_main2_left
{
    float:left;
    width:300px;
    height:240px;
    margin-top:-40px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    background:#817339; 
}

我的结果

在此处输入图像描述

bt 我需要在 div 顶部显示徽标。我的意思是一半在#content_main2div 上，另一半在#content_main2_left. 我该怎么做 ？

4

5 回答 5

4

为图像而写margin-top:-40px，而不是为 div 写。

于 2012-06-22T06:33:21.917 回答
2

您可以尝试使用负边距。

于 2012-07-21T06:24:43.240 回答
1

更好的使用

position: absolute;

z-index两者都不同

于 2012-06-22T06:35:41.510 回答
0

对于图像，使用以下 css

#logoimage
{
   position: absolute;
   bottom: xxpx;
}

将xx替换为所需的像素。

于 2012-06-22T06:34:29.210 回答
0

尝试将此规则添加到您的样式表中：

#content_main2_left img
{
    position: relative;
    left: 235px;
}

不过，我对您希望它如何重叠感到困惑。

于 2012-06-22T06:38:46.587 回答