html - 相対配置された 2 つの要素を持つ z-index IE7

Question

私には2つの要素があります。1 つは、相対的に配置する必要がある検索ボックスです。もう1つは、検索ボックスの一部を重ねたい画像で、相対的に配置する必要があります。z-index を何に設定しても、IE7 は画像をオーバーラップしません。検索ボックスの下に表示されます。ただし、Firefoxでは重複して機能します。ヘルプ？ありがとう

Answer 1

確認するコードが必要です。構造が次のようなものである場合：

<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 2

z-index は、要素が絶対配置されている場合にのみ機能します。位置は親要素から取得されるため、画像を絶対に配置し、相対的に配置された div でラップすることができます。

詳細が必要な場合はお知らせください

Answer 3

IE7 には z-index バグがあります。

これは役立つかもしれません: http://social.msdn.microsoft.com/Forums/en-US/iewebdevelopment/thread/64774ff1-1cce-4666-a2c7-9a899994aaef