Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Не работает visibility в hover
 
 автор: dump   (18.04.2012 в 10:07)   письмо автору
 
 

Почему не работает visibility в hover?
Вот код:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Shop</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style>
    * {margin: 0px; }
    .u {list-style-type: none; padding: 0px; visibility: hidden}
    .u:hover {visibility: visible}
    </style>
    </head>
<body>
<ul class=u>
<li>dump</li>
<li>dump2</li>
</ul>
checkdump
</body>
</html>


При наведении курсора мыши на список, он не отображается. Почему?

  Ответить  
 
 автор: Sfinks   (18.04.2012 в 14:10)   письмо автору
 
   для: dump   (18.04.2012 в 10:07)
 

Потому что вы мышь наводите не на <ul>, а на <li>, т.к. он полностью под ним. Поэтому и никакого :hover нету.

  Ответить  
 
 автор: dump   (18.04.2012 в 15:53)   письмо автору
 
   для: Sfinks   (18.04.2012 в 14:10)
 

Почему же тогда opacity: 0 вместо visibility работает прекрасно? И если поставить скажем .u li:hover тоже не работает....

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования