Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: запуталась с z-index' ом
 
 автор: elenaki   (21.02.2008 в 12:29)   письмо автору
 
 

есть слой, который показывается по наведению. у него z-index 450. но слой, который должен быть
ПОД ним, все равно показывается поверх. там вообще-то три вложенных слоя. на картинке видно,
что серая полоска меню не просвечивает, белый фон содержимого - не просвечивает. только текст
почему-то поверх формы. ставила ему z-index и 40 (меньше, чем у слоя с формой), и 4000 (больше),
ничего не помогает...

===================================
z-index работает только тогда, когда у элемента абсолютное позиционирование. Т.е. надо сделать position:absolute;z-index:255;
===================================
кое-где советуют абсолютное позиционирование. ерунда. не работает. текст содержимого все равно поверх слоя с формой.

   
 
 автор: jangot   (21.02.2008 в 14:44)   письмо автору
 
   для: elenaki   (21.02.2008 в 12:29)
 

Я всегда сталкиваюсь с проблемами z-index в intrnet explorer, он понимает z-index только если элементы к которым его применяешь имеют один и тот же родительский элемент, а если нет то по верх всего располагает те элементы которые выше по иерархии.
А остальные Браузеры вроде правильно работают.
А что с этим делать?..
Сам уже 2 дня с этим бьюсь. Пока ни чего.

   
 
 автор: AlexSol   (21.02.2008 в 14:46)   письмо автору
 
   для: elenaki   (21.02.2008 в 12:29)
 

html слоя, возникающего при наведение ныжно разместить как можно ниже в странице

   
 
 автор: sim5   (21.02.2008 в 17:09)   письмо автору
 
   для: elenaki   (21.02.2008 в 12:29)
 

Да, как сказал AlexSol, если размещать на странице слои, например, по иерархии соответсвующей z-index, то в IE проблем не наблюдал.

   
 
 автор: elenaki   (21.02.2008 в 17:42)   письмо автору
 
   для: sim5   (21.02.2008 в 17:09)
 

этот слой - в верхнем меню и подключается инклюдом во все файлы. к тому же он не просто
появляется, а анимационно выезжает вместе с полоской меню. не уверена, что смогу его
разместить ниже слоя с контентом... кстати, в FF тоже самое - текст поверх формы.

   
 
 автор: sim5   (21.02.2008 в 18:47)   письмо автору
 
   для: elenaki   (21.02.2008 в 17:42)
 

Ну не знаю. Когда-то делал корзину, которая выкатывалась слева при наведении мышки на ее иконку - JS сценарий обработки подключался, а вот слой корзины был расположен на странице, проблем ни в одном браузере не было, единственно что в Safari не проверялся. Распологался слой наоборот выше всего контента, согласно z-index. Кстати, у меня на диске есть набор скриптов самых разнообразных меню, для интереса просматривал их - проблемы между браузерами, так это обработка сообщений мышки и прочие мелочи, но проблем связанных с z-index не наблюдалось.

   
 
 автор: elenaki   (21.02.2008 в 18:57)   письмо автору
 
   для: sim5   (21.02.2008 в 18:47)
 

мне тоже надо форму поверх всего контента. и она висит поверх двух слоев, а третий, с
текстом, вылезает наверх, как ни крути...

   
 
 автор: ddhvvn   (21.02.2008 в 19:30)   письмо автору
 
   для: elenaki   (21.02.2008 в 18:57)
 

Стоп! Я не совсем понял... нужно, чтобы 3 слой появлялся поверх 2 первых?

Если да, то почему нельзя сделать наподобие того, что в аттаче? =))

   
 
 автор: elenaki   (21.02.2008 в 19:33)   письмо автору
 
   для: ddhvvn   (21.02.2008 в 19:30)
 

смотрим на картинку, приведенную в первом посте.
по наведению на слово newsletter появляется слой с формой. он должен быть поверх всех остальных слоев (а их немало). слой с серыми точками - фон - внизу, хорошо. слой с субменю - серая полоска - внизу, тоже хорошо. белый фон с серой границей - тоже отдельный слой - и тоже под формой. а текст, который еще и прокручивается, поверх!

   
 
 автор: ddhvvn   (21.02.2008 в 19:46)   письмо автору
 
   для: elenaki   (21.02.2008 в 19:33)
 

мда...утомился я седня!
опять не понял! =))

у вас, если не брать этот слой с формой, остальные слои БЕЗ абсолютного позиционирования?

Если да, то все ок! Хоть кучу этих вложенных слоев сделать, в FF и IE работает!

   
 
 автор: elenaki   (22.02.2008 в 11:33)   письмо автору
 
   для: ddhvvn   (21.02.2008 в 19:46)
 

вынесла слой с формой из верхнего меню и воткнула его просто в страницу ниже всего кода.
получилось. он теперь поверх текста. теперь надо его приинклюдить во все остальные файлы.
спасибо форуму, что заставляет думать :)

   
 
 автор: Gandzas   (23.02.2008 в 16:22)   письмо автору
 
   для: elenaki   (22.02.2008 в 11:33)
 

Подобную проблему я решала, прописывая стиль специально для ие ниже 7-й версии. Независимо от расположения в теле кода, если прописать для ие position: absolute; то все работает.

   
 
 автор: elenaki   (23.02.2008 в 16:37)   письмо автору
 
   для: Gandzas   (23.02.2008 в 16:22)
 

если б работало, я бы не открывала тему... ни в 7-м, ни в 6-м не работало. проблема решена. и еще - position: absolute; не всегда и не везде можно поставить...

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования