Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблема с z-index в IE! / 2 сообщений из 2, страница 1 из 1
17.03.2007, 18:05
    #34397986
Воффка
Воффка
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с z-index в IE!
Здравствуйте!
У меня вот такой код страницы:
Код:
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
| Ответить | Цитировать | Написать  
18.03.2007, 06:46
    #34398369
LINUXER
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с z-index в IE!
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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблема с z-index в IE! / 2 сообщений из 2, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 147ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1458611]:
 0ms
get settings:
 8ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 54ms
get topic data:
 12ms
get forum data:
 2ms
get page messages:
 38ms
get tp. blocked users:
 2ms
others: 13ms
total:  147ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]