Здравствуйте!
У меня вот такой код страницы:
PHP:
скопировать код в буфер обмена
<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 подсказка прячется под вторую картинку... Может я что-то не так сделал?
|