hover на мобильных устройствах

Денис Липаткин
Верстаю страничку и столкнулся  с проблемой срабатывания псевдокласса hover на своём windows phone.
Вероятно на айфонах возникнет та же же проблема. :active и :focus также  не работают.
Пример: http://botanikaspb.com/
Там есть
				<div class="nav center">  <!--   switch-turnoff Горизонтальное меню под шапкой,показывается для портретной ориентации -->

<ul onclick="">
<li  class="current" onclick=""><a>Выбрать:</a> </li>
<li><a href="#bouquets" onclick="return anchorScroller(this)">Букеты & Цветы</a></li>
<li><a href="#floristika" onclick="return anchorScroller(this)">Свадебная флористика и оформление</a></li>
<li><a href="#seminary" onclick="return anchorScroller(this)">Семинары и мастерклассы</a></li>
<li><a href="#kids" onclick="return anchorScroller(this)">Для детей</a></li>
<li><a href="#gifts" onclick="return anchorScroller(this)">Подарки и сувенирная продукция</a></li>
<li><a href="#">Контакты</a></li>




</ul>
</div>
для которого должно срабатывать
/* при наведении на пункты меню */

.nav ul:active, .nav ul:focus, .nav ul:hover{
background-image: none;
}
.nav ul:active li, .nav ul:focus li , .nav ul:hover li {
display: block;
margin: 0 0 5px;
}
.nav ul:active .current, .nav ul:focus .current, .nav ul:hover .current {
background: url(img/icon-menu.png) no-repeat 10px 7px;
}
Денис Липаткин больше 1 года назадСпасибо 0
0 чел.