0

Доброго времени суток, столкнулся с проблемкой: При наведении не пропадает задний фон, т.е мне нужно что бы подсвечивался только текст. Верстаю на bootstrap 3, (bootstrap.css) Заранее спасибо! Скриншот с косяком

<div class="container-fluid">
    <div class="row">
        <div class="wrapper a">
            <div class="left-sidebar a">
                <ul class="nav">
                    <li><a href="#">Турниры</a></li>
                    <li><a href="#">Лиги</a></li>
                    <li><a href="#">Hub</a></li>
                    <li><a href="#">Рейтинг</a></li>
                    <li><a href="#">Фортуна</a></li>
                    <li><a href="#">Магазин</a></li>
                    <li><a href="#">Видео</a></li>
                    <li><a href="#">Новости</a></li>
                    <li><a href="#">Техподдержка</a></li>
                    <li><a href="#">ЧАВО</a></li>
                </ul>
            </div>

        </div>
    </div>
</div>
1
  • 1
    "наведении не пропадает задний фон" — это фактическое поведение или ожидаемое?
    – Nick Volynkin
    Commented 29 июн. 2017 в 5:46

3 ответа 3

1

Решилось вот так: Просто нужно было добавить кое какие DIV, CSS тут оказался не причём.

Решение

<div class="navbar navbar-inverse navbar-fixed-left col-lg-2">
    <div class="container">
        <div class="row">
        <div class="col-lg-2">
            <ul class="nav navbar-nav navbar-left">
                <li><a href="#">Турниры</a></li>
                <li><a href="#">Лиги</a></li>
                <li><a href="#">Hub</a></li>
                <li><a href="#">Рейтинг</a></li>
                <li><a href="#">Фортуна</a></li>
                <li><a href="#">Магазин</a></li>
                <li><a href="#">Видео</a></li>
                <li><a href="#">Новости</a></li>
                <li><a href="#">Техподдержка</a></li>
                <li><a href="#">ЧАВО</a></li>
            </ul>
        </div>
        </div>
    </div>
</div> 
0

Попробуйте указать li:hover {background: нужный цвет;} в файле с css.

3
  • А что если будет вместо текста например картинка? Сделать параметр null?
    – Larvis
    Commented 28 июн. 2017 в 17:59
  • По сути всё должно происходить так же, нужно проверить.
    – Tick-Tack
    Commented 28 июн. 2017 в 18:16
  • К сожалению данный вариант не сработал...
    – Larvis
    Commented 29 июн. 2017 в 5:17
0
nav li:hover {
  background: #202D3B !important;
}

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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