CSS Фоновые изображения не загружаются в хроме

Question

Вот мой CSS

.nav_arrow { 
    position: absolute; top: 50%; z-index: 15; 
    background-image: url(../img/arrow-navpage.png) !important; 
    width: 34px; height: 136px; 
    margin-top: -68px; } 

    .nav_arrow.next   { right: -34px; background-position: 0 0; } 
    .nav_arrow.next:hover { background-position: 0 -186px; } 

    .nav_arrow.prev   { left: -34px; background-position: 0 -372px; display: none; } 
    .nav_arrow.prev:hover { background-position: 0 -558px; } 

Изображение на следующий предыдущий кнопки/фон

Но его не скачивается. Может ли один помочь мне

Answer 1

Это трудно чтобы увидеть проблему без скрипки. Но сначала проверьте, загружено ли изображение спрайтов, затем отметьте background-position для каждой части изображения. Также проверьте, если .nav-arrow контейнер имеет position:relative

Answer 2

Использование Элементы инспектор (press F12), чтобы увидеть, если загружаются изображения.

• В Elements Tab вы можете увидеть, если ваше правило CSS является правильным, или щелкнув правой мыши над самим элементом

• Под ресурсов Tab вы можете увидеть, если путь изображения правильно и если загружается изображение.

Если эти чеки правильные, возможно, у вас есть проблема с визуализацией с вашим правилом CSS, возможно, с учетом положения.

Попробуйте и сообщите нам результат.

Надеюсь, это поможет.

Answer 3

возможно попробовать это:

.nav_arrow.next   { right: -34px; background-position: 0px 0px; } 
    .nav_arrow.next:hover { background-position: -186px 0px; } 
    .nav_arrow.prev   { left: -34px; background-position: -372px 0px; display: none; } 
    .nav_arrow.prev:hover { background-position: -558px 0px; } 

Я не знаю, почему вы используете слева: -34px право: -34px; если этот ответ не поможет вам показать нам свой код