Сова карусель 2 фоновое изображение не отображается ⇐ CSS

[Anonymous]

Я хочу загрузить фоновое изображение в мою навигацию по карусели Совы Далее и Prev Clooth.
Проблема не является проблемой. Но если не навредить, то ничего не отображается.$(document).ready(function(){
$('.owl-carousel').owlCarousel({
loop:true,
center: true,
lazyLoad: true,
nav: true,
navText: ['',''],
autoplay: true,
autoplayHoverPause: true,
responsive:{
0:{
items:1
},
600:{
items:1
},
1000:{
items:1
}
}
});
});
< /code>
Теперь солиция: < /p>
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
width: 50px;
height: 50px;
position: absolute;
top: 40%;
display: block!IMPORTANT;
border:0px solid black;
}

/* Next button */
.owl-carousel .owl-nav .owl-next {
right: 40px;
background: url('rightarrow.png') no-repeat !important;
}
.owl-carousel .owl-nav .owl-next:hover {
background: url('rightarrowhover.png') no-repeat !important;
}

/* Prev button */
.owl-carousel .owl-nav .owl-prev {
left: 50px;
background: url('leftarrow.png') no-repeat !important;
}
.owl-carousel .owl-nav .owl-prev:hover {
background: url('leftarrowhover.png') no-repeat !important;
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... -displayed