Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Проблема с z-index в IE!
Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » Проблема с z-index в IE!

Страниц (1): [1]
 

1. vovanmix - 17 Марта, 2007 - 17:06:25 - перейти к сообщению
Здравствуйте!
У меня вот такой код страницы:
PHP:
скопировать код в буфер обмена
  1.  
  2. <html>
  3. <head>
  4. <style type='text/css'>
  5. <!--
  6. a.tooltip {
  7.   position: relative;
  8. }
  9.  
  10. a.tooltip span {
  11.   display: none;
  12. }
  13.  
  14. a.tooltip:hover {
  15.   font-size: 100%; /* Это строка необходима для IE5.x/Win */
  16. }
  17.  
  18. a.tooltip:hover span {
  19.   display:block;
  20.   position:absolute;
  21.   top:0px;
  22.   left:75px;
  23.   width:200px;
  24.   padding:10px;
  25.   border:1px solid #555;
  26.  background:#ffffcc;
  27.  color:#000;
  28.  text-decoration:none;
  29.   font:13px/15px arial,sans-serif;
  30.     /* прозрачность: */
  31.     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE 5.5+*/
  32.     -moz-opacity: 0.8; /* Mozilla 1.6 и ниже */
  33.     -khtml-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */
  34.     opacity: 0.8; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
  35. }
  36.  
  37. -->
  38. </style>
  39. </head>
  40. <body>
  41.  
  42. <table>
  43. <tr>
  44. <td>
  45. <a href='tree.php?id=$r[0]' class='tooltip'>
  46. <div style="position:relative;z-index:0"><img src="http://img.yandex.net/i/logo-big-txt.gif" border='0'></div>
  47. <span style='z-index:1;'>
  48. Проблема с z-index в IE!
  49. </span>
  50. </a>
  51. </td>
  52. <td>
  53. <a href='tree.php?id=$r[0]' class='tooltip'>
  54. <div style="position:relative;z-index:0"><img src="http://img.yandex.net/i/logo-big-txt.gif" border='0'></div>
  55. <span style='z-index:1;'>
  56. Проблема с z-index в IE!
  57. </span>
  58. </a>
  59. </td>
  60. </tr>
  61. </table>
  62.  
  63. </body>
  64. </html>
  65.  


Всплывающая подсказка должна быть поверх обоих картинок. В Мозилле все работает, а в IE подсказка прячется под вторую картинку... Может я что-то не так сделал?
2. Viper - 19 Марта, 2007 - 11:37:23 - перейти к сообщению
PHP:
скопировать код в буфер обмена
  1. a.tooltip:hover {
  2. font-size: 100%; /* Это строка необходима для IE5.x/Win */
  3. [b]z-index:1;[/b]
  4. }
  5.  
  6. и
  7.  
  8. <a href='tree.php?id=$r[0]' class='tooltip'>
  9. <div style="position:relative;z-index:[b]1[/b];"><img src="http://img.yandex.net/i/logo-big-txt.gif" border='0'></div>
  10. <span style='z-index:[b]1[/b];'>
  11. Проблема с z-index в IE!
  12. </span>
  13. </a>
  14. </td>
  15. <td>
  16. <a href='tree.php?id=$r[0]' class='tooltip'>
  17. <div style="position:relative;z-index:[b]0[/b];"><img src="http://img.yandex.net/i/logo-big-txt.gif" border='0'></div>
  18. <span style='z-index:[b]0[/b];'>
  19. Проблема с z-index в IE!
  20. </span>
  21. </a>


измененое выделено жирным. работает в IE6, FF1 и 2, Opera 9

 

Powered by ExBB FM 1.0 RC1