html – 将图像定位在居中的div后面

概述我的网站有一个900px div #content,以margin-left为中心：auto和margin-right：auto.我有一个图像,我需要在div后面显示,它将部分重叠#content. 图像设置为当前显示为块,我可以将其显示到需要的位置,但不允许#content绘制图像.我可以让#content显示在图像上的位置：绝对然而这可以防止使用margin-left / margin-rig 我的网站有一个900px div #content,以margin-left为中心：auto和margin-right：auto.我有一个图像,我需要在div后面显示,它将部分重叠#content.

图像设置为当前显示为块,我可以将其显示到需要的位置,但不允许#content绘制图像.我可以让#content显示在图像上的位置：绝对然而这可以防止使用margin-left / margin-right auto来居中.

我目前的定位,它需要的地方是：

img#watermark  {    margin-left: auto;      margin-right: auto;    display: block;    padding-left: 900px;}

#content只需要出现在水印上.

非常感谢.

解决方法 HTML：

<img src="http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png" /><div></div>

CSS：

div {    margin:auto;    wIDth: 512px;    height: 512px;    background: rgba(0,.4);    position: relative;}img {    position: absolute;    left: 50%;    margin-left:-256px;}

http://jsfiddle.net/Db2cw/

总结

以上是内存溢出为你收集整理的html – 将图像定位在居中的div后面全部内容，希望文章能够帮你解决html – 将图像定位在居中的div后面所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。