当两个元素具有固定位置时，z-index失败

Question

我有两个固定元素（聊天框和Cookie广告），即使我添加z-index

也无法正确定位

样式

聊天：

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

Cookie：

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

如果您希望聊天设置上方的Cookie div更高z-index到.footer-container div

Answer 2

对于z-index，Child元素总是从其父元素继承z-index，所以我应该查看这些div的父元素。

Answer 3

对于位置固定的两个子元素，Z-index工作完全正常。 您所需要的只是检查元素的层次结构级别。