我正在使用购买的模板来开发网站，并且需要在页面上插入图像而不将内容压低。以下是我正在处理的页面的链接：http : //www.onepropertyway.com/WorkOrder/default.aspx?woid=26&code=8lPRt3hxtg&vid=7
我最近在徽标中添加了以下div：
<div style="margin-left:-20px; display:inline; *zoom:1;text-align:center">
<img src="/uploads/logos/8_100h.gif">
</div>`
如您所见，页面的内容被下推。我希望此图像出现在主绿色菜单和水平线之间的中间，而不会压低任何内容。我也尝试使用z-index，但这也不起作用。我敢肯定，对于经验丰富的CSSer来说，这非常简单，但是不幸的是，这不是我！
这是所需外观的链接：所需外观
给这个CSSimgContainer上课。
.imgContainer {
height: 100px;
left: 0;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: -23px;
}
.row_6 {
position: relative;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句