z-индекс с двумя относительно расположенными элементами 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, поскольку позиция берется из родительского элемента.

Надеюсь, это понятно, дайте мне знать, если вам нужно больше деталей