RainMEN
@RainMEN
HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.

CSS или JS для оформления активного меню?

Приветствую Хабралюди.

С наступающими праздниками всех!

В общем есть меню, меню я сделал, но если приглядетьца, то можно видеть справа стрелочку, активного меню, есть как я понимаю 2 решения как её запихивать в li блок это с помощью абсолютного позиционирования + JS и с помощью одного css? Или я ошибаюсь? Ибо таже стандартная подсказка JQuery!
  • Вопрос задан
  • 4382 просмотра
Решения вопроса 1
Можно сделать так (IE8+):
li {
  position: relative;
}
li:hover:after,
li.active:after {
  display: block;
}
li:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: none;
  margin-top: -10px;
  width: 0px;
  height: 0px;
  border-width: 10px 20px 10px 0;
  border-style: solid;
  border-color: transparent #ffffff transparent transparent;
  content: "";
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы