z-index具有两个相对定位元素IE7

Question

我有两个要素。一个是必须相对定位的搜索框。另一个是我想要与搜索框的一部分重叠的图像，它也必须相对定位。无论我将z-index设置为什么，IE7都不会与图像重叠。它位于搜索框下方。它重叠并在Firefox中工作。救命？感谢

Answer 1

z-index只有在元素绝对定位时才会发挥作用。您可以尝试的方法是将图像绝对定位并包裹在相对定位的div中，因为该位置取自父元素。

希望很清楚，如果您需要更多细节，请告诉我

Answer 2

IE7中存在z-index错误。

这可能有所帮助：http://social.msdn.microsoft.com/Forums/en-US/iewebdevelopment/thread/64774ff1-1cce-4666-a2c7-9a899994aaef

Answer 3

我们需要一些代码来查看。如果您的结构与此类似：

<div style="z-index: 1">
  <input style="z-index: 1; position: relative;" type="text" name="search" /> 
  <img style="z-index: 2; position: relative;" > 
</div>

它应该有用。