Сбой z-index, когда два элемента имеют фиксированную позицию

Question

У меня есть два фиксированных элемента (окно чата и реклама cookie-файлов), которые не отображаются должным образом, даже если я добавляю z-index

Стили

чат:

bottom: 0;
position: fixed !important;
right: 40px;
z-index: 9998;

Печенье:

background: #000000 none repeat scroll 0 0;
bottom: 0;
box-shadow: 0 0 10px 0 #ffffff;
color: #fff;
font-family: arial;
font-size: 14px;
left: 0;
line-height: 1.3em;
opacity: 0.5;
position: fixed;
text-align: center;
width: 100%;
z-index: 9999;

Более подробную информацию вы можете найти на этой странице: http://www.backlabel.com/

HTML-код слишком длинный, чтобы его можно было скопировать и скопировать туда.

Answer 1

Если вы хотите печенье div над чатом установите выше z-index в .footer-containerdiv

Answer 2

Z-индекс отлично работает для двух дочерних элементов, имеющих фиксированное положение. Все, что вам нужно, это проверить уровень иерархии элементов.

Answer 3

Что касается z-index, дочерний элемент всегда наследует z-index от своего родителя, поэтому для решения этой проблемы вы должны посмотреть в родительских элементах этих div.