menvil Сообщение 02/11/2008 16:32 Копия темы
Чертова кроссбраузерность. Запарился с кроссбраузерностью.
Может я что-то недопонимаю или не знаю но ситуация следующая
есть код:
Который в атаче в rtf файле прикреплено

Стили и классы представляют собой следующее
p.tt2 {position: relative;}
a.tooltipbig:hover { background:#FFFFFF; text-decoration:none; }
a.tooltipbig span { display:none; width:200px; text-align: left; }
a.tooltipbig:hover span { display:block; position:absolute; z-index:1; top: 150px; left: -100px; border: 1px solid #565656; padding: 5px 5px; background: #FFFFFF; color:#3A3A3A; }

a.tooltipbig2:hover { background:#FFFFFF; text-decoration:none; }
a.tooltipbig2 span { display:none; width:200px; text-align: left; }
a.tooltipbig2:hover span { display:block; position:absolute; z-index:1; top: 150px; left: 2px; border: 1px solid #565656; padding: 5px 5px; background: #FFFFFF; color:#3A3A3A; }
Цель была создать всплывающую подсказку. Да она всплывает работает можете сами проверить. Она работает правильно во всех браузерах кроме IE.
В опере мозлле и хроме все работает как и задумывалось то есть подсказка над картинкой сверху
Я прикрепил в атач картинку на которой видно как в ИЕ и как в остальных браузерах это вяглядит.
Как же все таки заставить ИЕ сделать то что я хочу ?? И показывать подсказку (tooltip) над картинкой, а не под ней.
За конкретную помощь оставлю отзыв как работодатель. (Да на сайте я зарегистрирован как работодатель).

kuzminsky Сообщение 02/11/2008 16:36 Копия темы

kuzminsky Сообщение 02/11/2008 16:37 Копия темы

kuzminsky Сообщение 02/11/2008 16:39 Копия темы
Вы всё-таки подумайте.

contenter Сообщение 02/11/2008 16:40 Копия темы
где атач та )

Donate Сообщение 02/11/2008 16:40 Копия темы
Проблема в z-index.

menvil Сообщение 02/11/2008 16:41 Копия темы
Как ее решить ??
Я понимаю что в ней но ИЕ упирается ...

menvil Сообщение 02/11/2008 16:41 Копия темы

menvil Сообщение 02/11/2008 16:41 Копия темы
Вот вроде как атач..

s-design Сообщение 02/11/2008 16:42 Копия темы
_zoom: 1;

menvil Сообщение 02/11/2008 16:42 Копия темы
Атач не загрузился к ветке.. Загружаю в комменте

menvil Сообщение 02/11/2008 16:43 Копия темы
Это что ?? Можно чуть чуть пояснить ?

kuzminsky Сообщение 02/11/2008 16:43 Копия темы
Я даже знаю, почему не грузится. : D

menvil Сообщение 02/11/2008 16:44 Копия темы
Я вам конкретно что-то сделал ?? :))

CUBALIBRE Сообщение 02/11/2008 16:45 Копия темы
наконец чёртова кросбрайзерность убрана под чёртов кат))

s-design Сообщение 02/11/2008 16:45 Копия темы
.class {_zoom: 1;}

habrahabr.ru/blogs/webdev...

такие вещи знать надо )

Donate Сообщение 02/11/2008 16:45 Копия темы
z-index: 2 поставьте для всплывающего окна.

kuzminsky Сообщение 02/11/2008 16:45 Копия темы
Я вам тоже ничего не сделал.

kuzminsky Сообщение 02/11/2008 16:45 Копия темы
Да. : ))

s-design Сообщение 02/11/2008 16:45 Копия темы
кроссбраузерность +)

handicraft Сообщение 02/11/2008 16:47 Копия темы
странно у меня под 6 ослом все работает. у вас какая версия?

CUBALIBRE Сообщение 02/11/2008 16:47 Копия темы
"сохранена авторская грамматика"

handicraft Сообщение 02/11/2008 16:47 Копия темы
с тем же успехом кроссброузерность.

contenter Сообщение 02/11/2008 16:47 Копия темы
вот вот, а по сути, всем картинкам z-index:1;всему остальному – z-index:2
это вот мы молотеом прибиваем

menvil Сообщение 02/11/2008 16:48 Копия темы
7й ИЕ

menvil Сообщение 02/11/2008 16:49 Копия темы
Неа не помогло...
Замена 2 на 1 не помогает :( увы

handicraft Сообщение 02/11/2008 16:52 Копия темы
7 го вряд ли осилю поставить

Donate Сообщение 02/11/2008 16:59 Копия темы
Помогает: картинкам ставим z-index: 0, а хинту 2, позиционирование относительное.

menvil Сообщение 02/11/2008 17:07 Копия темы
Написал
a.tooltipbig:hover img { display:block; z-index:1;}
a.tooltipbig:hover span { display:block; position:absolute; z-index:2; top: 150px; left: -100px; border: 1px solid #565656; padding: 5px 5px; background: #FFFFFF; color:#3A3A3A; }

Но результат прежний

Boriss Сообщение 02/11/2008 17:11 Копия темы

menvil Сообщение 02/11/2008 17:15 Копия темы
Написал
a.tooltipbig:hover img { display:block; z-index:1;}
a.tooltipbig:hover span { display:block; position:absolute; z-index:2; top: 150px; left: -100px; border: 1px solid #565656; padding: 5px 5px; background: #FFFFFF; color:#3A3A3A; }

Но результат прежний

s-design Сообщение 02/11/2008 17:21 Копия темы
попробуйте еще картинкам прописать position: relative;

menvil Сообщение 02/11/2008 17:38 Копия темы
Не помогает

handicraft Сообщение 02/11/2008 18:21 Копия темы
трабл решили?

xadminx Сообщение 02/11/2008 18:25 Копия темы
А где верстка?

menvil Сообщение 02/11/2008 20:01 Копия темы
Всмысле.... верстка ?

menvil Сообщение 02/11/2008 20:01 Копия темы
Неа...

xadminx Сообщение 02/11/2008 20:05 Копия темы
уже нашел :)
попробовал в ИЕ7 – все работает

handicraft Сообщение 02/11/2008 20:38 Копия темы
поставлю осла7, попрообую помочь..

handicraft Сообщение 02/11/2008 20:54 Копия темы
фаг. у меня работает в 7-ом.
какой у вас доктайп прописан?
может еще какие-то стили мешают?

bathellfire Сообщение 03/11/2008 04:08 Копия темы

Kirsanov Сообщение 03/11/2008 08:06 Копия темы
почитайте вот тут: aplus.rs/lab/z-pos/