Проблема с z-index в IE! / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблема с z-index в IE!

2 сообщений из 2, страница 1 из 1

Проблема с z-index в IE!

#34397986

Воффка

Гость

Здравствуйте!
У меня вот такой код страницы:

Код:

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.

<html>
<head>
<style type='text/css'>
<!--
a.tooltip {
  position: relative;
}

a.tooltip span {
  display: none;
}

a.tooltip:hover {
  font-size: 100%; /* Это строка необходима для IE5.x/Win */
}

a.tooltip:hover span {
  display:block;
  position:absolute;
  top:0px;
  left:75px;
  width:200px;
  padding:10px;
  border:1px solid #555;
  background:#ffffcc;
  color:#000;
  text-decoration:none;
  font:13px/15px arial,sans-serif;
    /* прозрачность: */
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE 5.5+*/
    -moz-opacity: 0.8; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.8; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

-->
</style>
</head>
<body>

<table>
<tr>
<td>
<a href='tree.php?id=$r[0]' class='tooltip'>
<div style="position:relative;z-index:0"><img src="http://img.yandex.net/i/logo-big-txt.gif" border='0'></div>
<span style='z-index:1;'>
Проблема с z-index в IE!
</span>
</a>
</td>
<td>
<a href='tree.php?id=$r[0]' class='tooltip'>
<div style="position:relative;z-index:0"><img src="http://img.yandex.net/i/logo-big-txt.gif" border='0'></div>
<span style='z-index:1;'>
Проблема с z-index в IE!
</span>
</a>
</td>
</tr>
</table>

</body>
</html>

Всплывающая подсказка должна быть поверх обоих картинок. В Мозилле все работает, а в IE подсказка прячется под вторую картинку... Может я что-то не так сделал?

...

Рейтинг:

0 / 0

17.03.2007, 18:05

| Ответить | Цитировать | Написать

Проблема с z-index в IE!

#34398369

LINUXER

Участник

Сообщения: 1 315

Рейтинг: 0 / 0

You use z-index on non-positioned elements (span). According to the CSS spec, z-index only applies to positioned elements (i.e. those whose position property has a value other than static).

...

Рейтинг:

0 / 0

18.03.2007, 06:46

| Ответить | Цитировать | Написать

2 сообщений из 2, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблема с z-index в IE!

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?desktop=1&fid=22&tid=1458611]:	0ms
get settings:	10ms
get forum list:	13ms
check forum access:	3ms
check topic access:	3ms
track hit:	60ms
get topic data:	12ms
get forum data:	2ms
get page messages:	42ms
get tp. blocked users:	2ms
others:	12ms

total:	159ms