#css #navigation #focus
#css #навигация #сосредоточьтесь
Вопрос:
Верхние меню на www.petersencreative.com используйте CSS (и некоторые CSS3) для обеспечения плавных переходов. Моя проблема в том, что если вы нажмете на ссылку, а затем наведете курсор мыши на ссылку, она снова начнет опускаться. Есть ли способ сохранить его (fnnnrrr!) После нажатия на него, а затем выключения мыши?
Я рассматривал возможность использования :active, но это только тогда, когда мышь нажата. :focus, похоже, работает только для навигации с клавиатуры. Я собираюсь использовать немного jQuery или есть способ сделать это с помощью CSS?
Ответ №1:
Это можно сделать с помощью CSS, используя :target
селектор.
Комментарии:
1. Я думаю, что его можно было бы использовать, если бы это был одностраничный сайт, и все они были привязанными ссылками. например, интерфейс с вкладками на w3.org/Style/Examples/007/target.en.html . Это даже немного не подходит для IE и заставляет положение прокрутки браузера перемещаться (как и любая привязка). ссылка).
2. @OllyHodgson да, и да — он не работает в IE меньше 9.