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

HTML+CSS+JavaScript

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

 

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

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

тема: z-index в ie
 
 автор: jangot   (24.12.2007 в 13:57)   письмо автору
 
 

У меня есть картинка и блок-фон на весе окно. Они позиционированы абсолютно.
Что бы картинка была над фоном использую z-index, и естественно в ie это не работает, т.е. картинка под фоном.
Как это можно решить?

   
 
 автор: coloboc66   (24.12.2007 в 14:10)   письмо автору
 
   для: jangot   (24.12.2007 в 13:57)
 

А почему это естественно в ie не работает??? IE z-index поддерживает.

   
 
 автор: jangot   (24.12.2007 в 14:13)   письмо автору
 
   для: coloboc66   (24.12.2007 в 14:10)
 

http://s25.ru/html/iebug/
Вот почему

   
 
 автор: sim5   (24.12.2007 в 14:15)   письмо автору
 
   для: jangot   (24.12.2007 в 14:13)
 

IE z-index поддерживает - это вы не правильно делаете.

   
 
 автор: jangot   (24.12.2007 в 14:18)   письмо автору
 
   для: sim5   (24.12.2007 в 14:15)
 

Вы были на ссылке которую я оставил?
У меня также, и не работает.

Как я понимаю, что бы ie поддерживал нужно что бы у блоков был один родительский элемент.
Но мне это не подходит.

   
 
 автор: AlexSol   (24.12.2007 в 15:09)   письмо автору
 
   для: jangot   (24.12.2007 в 14:18)
 

абсолютное позиционирование надо

   
 
 автор: Lelik   (24.12.2007 в 15:32)   письмо автору
 
   для: jangot   (24.12.2007 в 13:57)
 

позиционирование слое производится для элементов одинакового уровня вложености. Пробуй так

<style>
div#cnt{
position: relative;
z-index: 2;
}
div#i2{
position: absolute;
z-index: 1;
}
</style>
<div id="cnt">
    <div id="i1">Верх!</div>
</div>
<div id="i2">низ</div>

   
 
 автор: jangot   (24.12.2007 в 16:28)   письмо автору
 
   для: Lelik   (24.12.2007 в 15:32)
 

Этот вариант мне не подходит так как в #cnt у меня есть еще эл-ты и они должны оказаться внизу.
Но я решил проблему все таки вложив все элементы которые нужно позиционировать в один.
Всем спасибо я теперь знаю как это работает.

   
Rambler's Top100
вверх

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