css - 让图像在包装器内的 div 内重叠图像

Question

我有一个包装我试图将图像放入其中并有一个徽标在它的顶部中下部我无法对其进行编码...我可以在顶部或底部或在包装下方的菜单部分中获取图像但我似乎无法解决

score 1 · Accepted Answer

HTML：

<div id="wrapper">
 <img class="bg" src="img path" />
 <img class="logo" src="logo path" />
</div>

CSS：

包装{

位置：相对；}

#wrapper .bg {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 5;
}

#wrapper .logo {
 position: absolute;
 top: 10px;
 left: 10px;
 z-index: 10;
}

score 1 · Accepted Answer

1

你使用定位来做到这一点。

工作示例 http://jsfiddle.net/UKxK6/

于 2012-05-03T17:08:02.333 回答

score 0 · Accepted Answer

您也可以在 CSS 中使用 float 和 clear 属性，这可能会对您有所帮助。并且还使用 MAX-WIDTH 和 MAX-height 属性，以便您能够获得正确的输出。

在此处输入图像描述

使用 max-height 和 max-width 属性，您可以设置最大高度和宽度，并根据您设置图像的需要使用 float:left 或 right 和 clear 属性。