我将如何覆盖偏移div中心的图像？

我希望能够将一些图标置于位于已设置div的中间的横幅上。我不能使用绝对定位，因为它会居中，但不能保存它。我将如何能够实现这一目标？我将如何覆盖偏移div中心的图像？

2011-03-05 Yesterday

可能margin: auto;有用吗？或者你还需要垂直居中？

编辑：也许东西沿着线：

<div> 
    <div style="width:208px; height: 58px; margin: auto;"> 
    <img src="some_image_somewhere.png" width="208" height="58" style="position:absolute;"> 
    <img src="some_image_somewhere.png" width="208" height="58"> 
    </div> 
</div>

这显示了在顶部DIV中心彼此两个图像，但它不漂亮（代码明智的，IMO）。

来源

2011-03-05 10:06:51 ryuslash

不，只是水平的 – Yesterday 2011-03-05 10:08:40

这不起作用，它不在图像上或页面中央，绝对定位它仍然在div的左边，只是覆盖图像下面的文本。 – Yesterday 2011-03-05 10:12:14

好吧，保证金似乎不起作用，但给父母div'text-align：center;'似乎确实如此。 – ryuslash 2011-03-05 10:17:47

需要都设置到一个绝对位置
的outter DIV必须是相对
也outter DIV的宽度应设置（当您指定一个完整的这样宽度的图像的容器，它将它对齐到中间（因为你设置一个文本对齐：中心到你需要居中的div））。
每个图像需要在它自己的div中有一个绝对位置（z顺序与代码中的一样，后面的一个将位于最上面）。

代码：

<div style="width:300px; height: 100px; position: relative;"> 
<div style="position: absolute;"><img src="http://i.stack.imgur.com/1aBfM.png" width="300" height="100"></div> 
<div style="position: absolute; width: 100%; text-align: center;"><img src="http://i.stack.imgur.com/DH3Qw.png" width="100" height="100"></div></div>

例如：http://jsfiddle.net/Y9PhP/

来源

2011-03-05 11:44:13 jackJoe

jackJoe是正确的。

您还可以使用style="position: absolute; top:10000px"来调整重叠图像的高度。

来源

2013-05-30 13:11:48 nicou50

欢迎来到SO！这个答案是否真的为这个问题增加了价值？已经接受的答案已经证明使用绝对定位。另外，一般来说，如果你知道另一个答案是正确的（jackjoe在你看来），正确的方法是提出答案。作为新用户，您还不能发表评论，甚至不满意。但是，复制现有信息不会获得您的声望。 – cfi 2013-05-30 13:33:58

好的感谢指引我在正确的方向。 – nicou50 2013-06-18 19:02:31

我将如何覆盖偏移div中心的图像？

回答

相关问题