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

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Проблема с z-index в IE!

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Без описания
vovanmix
Отправлено: 17 Марта, 2007 - 17:06:25
Post Id


Новичок


Покинул форум
Сообщений всего: 1
Дата рег-ции: Март 2007  


Помог: 0 раз(а)




Здравствуйте!
У меня вот такой код страницы:
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 подсказка прячется под вторую картинку... Может я что-то не так сделал?
 
 Top
Viper
Отправлено: 19 Марта, 2007 - 11:37:23
Post Id



Активный участник


Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007  
Откуда: Симферополь


Помог: 98 раз(а)




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


-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB