проблема с zindex с перекрывающимися divs

Question

На сайте, над которым я работаю, у меня есть два div. Один - это div с содержимым и изображением, содержимое находится перед изображением. Другой div - фоновое изображение с черным градиентом, предназначенное для перекрытия прежнего div - изображения, но не содержимого. Это отлично работает до первого момента останова сайта. Кроме того, он отлично работает на одной странице, но не на другом, что действительно запутывает, так как я не вижу различий между ними.

Рабочая - http://www.osullivans-pubs.com/draft/?page_id=18 не работает - http://www.osullivans-pubs.com/draft/

Я также прилагается образы метода работы, а не работает (при меньшей ширине).

Я как бы недооцениваю то, что может быть неправильно. Элемент, который должен находиться спереди, имеет класс .hero-unit. Его zindex выше фонового изображения div.

Answer 1

<div class="controls"> 
    <a href="#right" data-liquidslider-ref="slider-id"><div class="button_circle_small right">&gt;</div></a> 
    <a href="#left" data-liquidslider-ref="slider-id"><div class="button_circle_small left">&lt;</div></a> 
</div> 

использовать приведенный выше код непосредственно перед

<div id="back_gradient"></div> 

Answer 2

вы должны добавить Z-индекс в жидкостно-slider.css файла Ниже приведен код ...

.liquid-slider-wrapper { 
    margin: 0 auto; 
    clear: both; 
    overflow: auto; 
    position: relative; 
    width: 1110px !important; 
    z-index: 20; 
}