如何将图像放在div的顶部？

这里是我的代码如何将图像放在div的顶部？

<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; 
}

我的结果

enter image description here

BT我需要在DIV的顶部显示标志。我的意思是一半#content_main2 div和另一半#content_main2_left。我该怎么做？

来源

2012-06-22 Prashobh

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

来源

2012-06-22 06:33:21 F0G

为图像使用下面的CSS

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

取代XX与所需的像素。

来源

2012-06-22 06:34:29

更好地利用

position: absolute;

和不同z-index两个

来源

2012-06-22 06:35:41

尝试添加该规则到你的样式表：

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

我感到困惑，你想怎么它虽然重叠。

来源

2012-06-22 06:38:46

您可以尝试使用负边距。

来源

2012-07-21 06:24:43

如何将图像放在div的顶部？

回答

相关问题