Как сделать чтобы картинка появилась в блоке?

Question

[sunnyrio]

Добавил в свойства блока navbar меню bootstrap'a картинку но она не отображаеться почему?

Css:

/* Цвет и фон активного пункта меню, а также поднесении к нему курсора мышки или при его нахождении в фокусе */
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #d1ffed;
    background-color: #12a3d6;
    background-image: none;
    background-image: url('logo/logo_hover.png');
}

Answer 1

[bone_games]

background-image: none; Зачем?
Укажите длину и ширину изображения!

Comments

[sunnyrio]

none чтобы убрал градиент бутстраповский

[Конан Варвар]

sunnyrio, оно должен затереть его, если нет, то добавьте !important.

[Конан Варвар]

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #d1ffed;
    background-color: #12a3d6;
    background-image: url('logo/logo_hover.png') !important;
}

[Конан Варвар]

JaredWinter, Мне просто интересно какой background вы ждете увидеть если вы прописали background-image: none;

[sunnyrio]

JaredWinter, не помогает вот сам сайт sunnyrio.beget.tech/new/index.html

[Конан Варвар]

sunnyrio, вы пути на картинку проверяли?

[sunnyrio]

JaredWinter, да

[bone_games]

Может вам нужно что типо этого??

background: url(../logo/logo_hover.png) #12a3d6 repeat-x bottom;

[bone_games]

Для Hover у вас в main.css есть

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus

Добавьте туда тоже

background: url(../logo/logo_hover.png) #12a3d6 repeat-x bottom;