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

Question

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

Answer 1

IE7 中存在 z-index 错误。

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

Answer 2

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

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

它应该工作。

Answer 3

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

希望这很清楚，如果您需要更多详细信息，请告诉我