|
|
|
| есть слой, который показывается по наведению. у него z-index 450. но слой, который должен быть
ПОД ним, все равно показывается поверх. там вообще-то три вложенных слоя. на картинке видно,
что серая полоска меню не просвечивает, белый фон содержимого - не просвечивает. только текст
почему-то поверх формы. ставила ему z-index и 40 (меньше, чем у слоя с формой), и 4000 (больше),
ничего не помогает...
===================================
z-index работает только тогда, когда у элемента абсолютное позиционирование. Т.е. надо сделать position:absolute;z-index:255;
===================================
кое-где советуют абсолютное позиционирование. ерунда. не работает. текст содержимого все равно поверх слоя с формой. | |
|
|
|
|
|
|
|
для: elenaki
(21.02.2008 в 12:29)
| | Я всегда сталкиваюсь с проблемами z-index в intrnet explorer, он понимает z-index только если элементы к которым его применяешь имеют один и тот же родительский элемент, а если нет то по верх всего располагает те элементы которые выше по иерархии.
А остальные Браузеры вроде правильно работают.
А что с этим делать?..
Сам уже 2 дня с этим бьюсь. Пока ни чего. | |
|
|
|
|
|
|
|
для: elenaki
(21.02.2008 в 12:29)
| | html слоя, возникающего при наведение ныжно разместить как можно ниже в странице | |
|
|
|
|
|
|
|
для: elenaki
(21.02.2008 в 12:29)
| | Да, как сказал AlexSol, если размещать на странице слои, например, по иерархии соответсвующей z-index, то в IE проблем не наблюдал. | |
|
|
|
|
|
|
|
для: sim5
(21.02.2008 в 17:09)
| | этот слой - в верхнем меню и подключается инклюдом во все файлы. к тому же он не просто
появляется, а анимационно выезжает вместе с полоской меню. не уверена, что смогу его
разместить ниже слоя с контентом... кстати, в FF тоже самое - текст поверх формы. | |
|
|
|
|
|
|
|
для: elenaki
(21.02.2008 в 17:42)
| | Ну не знаю. Когда-то делал корзину, которая выкатывалась слева при наведении мышки на ее иконку - JS сценарий обработки подключался, а вот слой корзины был расположен на странице, проблем ни в одном браузере не было, единственно что в Safari не проверялся. Распологался слой наоборот выше всего контента, согласно z-index. Кстати, у меня на диске есть набор скриптов самых разнообразных меню, для интереса просматривал их - проблемы между браузерами, так это обработка сообщений мышки и прочие мелочи, но проблем связанных с z-index не наблюдалось. | |
|
|
|
|
|
|
|
для: sim5
(21.02.2008 в 18:47)
| | мне тоже надо форму поверх всего контента. и она висит поверх двух слоев, а третий, с
текстом, вылезает наверх, как ни крути... | |
|
|
|
|
|
|
|
для: elenaki
(21.02.2008 в 18:57)
| | Стоп! Я не совсем понял... нужно, чтобы 3 слой появлялся поверх 2 первых?
Если да, то почему нельзя сделать наподобие того, что в аттаче? =)) | |
|
|
|
|
|
|
|
для: ddhvvn
(21.02.2008 в 19:30)
| | смотрим на картинку, приведенную в первом посте.
по наведению на слово newsletter появляется слой с формой. он должен быть поверх всех остальных слоев (а их немало). слой с серыми точками - фон - внизу, хорошо. слой с субменю - серая полоска - внизу, тоже хорошо. белый фон с серой границей - тоже отдельный слой - и тоже под формой. а текст, который еще и прокручивается, поверх! | |
|
|
|
|
|
|
|
для: elenaki
(21.02.2008 в 19:33)
| | мда...утомился я седня!
опять не понял! =))
у вас, если не брать этот слой с формой, остальные слои БЕЗ абсолютного позиционирования?
Если да, то все ок! Хоть кучу этих вложенных слоев сделать, в FF и IE работает! | |
|
|
|
|
|
|
|
для: ddhvvn
(21.02.2008 в 19:46)
| | вынесла слой с формой из верхнего меню и воткнула его просто в страницу ниже всего кода.
получилось. он теперь поверх текста. теперь надо его приинклюдить во все остальные файлы.
спасибо форуму, что заставляет думать :) | |
|
|
|
|
|
|
|
для: elenaki
(22.02.2008 в 11:33)
| | Подобную проблему я решала, прописывая стиль специально для ие ниже 7-й версии. Независимо от расположения в теле кода, если прописать для ие position: absolute; то все работает. | |
|
|
|
|
|
|
|
для: Gandzas
(23.02.2008 в 16:22)
| | если б работало, я бы не открывала тему... ни в 7-м, ни в 6-м не работало. проблема решена. и еще - position: absolute; не всегда и не везде можно поставить... | |
|
|
|