3

При наведении, фокусе, visited, активации и псевдокселекторе link должно отображать рисунок. Visited не работает. Не знаю в чем причина. Вроде статистические псевдоселекторы идут до динамических (по правилу).

a.menu:link {
  background: #fff url("4.png") center right no-repeat;
}
a.menu:visited {
  background: #fff url("2.png") center right no-repeat;
}
a.menu:hover {
  background: #fff url("1.png") center right no-repeat;
}
a.menu:focus:hover {
  background: #fff url("3.png") center right no-repeat;
}
a.menu:active:hover {
  background: #fff url("5.png") center right no-repeat;
}
a {
  text-decoration: none;
  font-size: 30px;
  padding-right: 25px;
  padding-left: 15px;
}
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" http-equiv="Content-Type" content="text/html">
  <link href="style2.css" rel="stylesheet" type="text/css">
  <title></title>

</head>

<body>

  <a href="#" id="lar" class="menu">Головна</a>
  <a href="#" class="menu">Автор</a>
  <a href="#" class="menu">Новини</a>
  <a href="#" class="menu">Ресурси</a>

</body>

</html>

5
  • Только картинки, разумеется, недоступны. Вы можете их выложить на imgur (через кнопку прикрепления картинки в редакторе), а потом вставить нужные урлы в код.
    – Nick Volynkin
    21 ноя 2016 в 14:21
  • Если не справитесь, ответьте в комментарии, помогу.
    – Nick Volynkin
    21 ноя 2016 в 14:22
  • imgur.com/a/QnMsS imgur.com/a/vNJJC imgur.com/a/i94iV imgur.com/a/Jimbi imgur.com/a/qrVbB Как их выложить, чтобы было всем видно ? 21 ноя 2016 в 14:26
  • В редакторе вопроса в панели над полем ввода есть иконка с горой и солнцем, у него ещё всплывающая подсказка Изображение <img> Ctrl+G. 22 ноя 2016 в 15:13
  • И ещё: если вы обращаетесь к пользователю, ссылайтесь на него через собачку без пробелов (@NickVolynkin), чтобы ему уведомление пришло. 22 ноя 2016 в 15:14

1 ответ 1

4

Разработчики большинства браузеров избегают использования background-images в ссылках с псевдоклассом :visited, потому что считают их нарушением приватности пользователей.

2
  • 1
    Оно же не сработает...
    – Qwertiy
    21 ноя 2016 в 14:45
  • @Qwertiy, вы правы. Исправил ответ.
    – neochar
    21 ноя 2016 в 16:45

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.