获取图像以重叠div内部包装内的图像

时间:2012-05-03 17:03:27

标签: css image html

我有一个包装我试图使图像适合并有一个标志超过它的中间下面我有编码麻烦...我可以得到顶部或底部的图像或包装下面的菜单部分但我似乎无法解决这个问题

3 个答案:

答案 0 :(得分:1)

你可以使用定位来实现。

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

答案 1 :(得分:1)

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

演示: http://jsfiddle.net/pt4rV/

答案 2 :(得分:0)

你也可以在你的CSS中使用float和clear属性,它可以帮助你。并且还使用MAX-WIDTH和MAX-height属性,以便您能够获得正确的输出。

enter image description here enter image description here

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