У меня вот такой код страницы:
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>