我试图在滑块上方保留徽标，但我无法正确设置z-index
我已尝试过Z-index增加顺序但无法正确
链接是 http://design3web.in/law-firm/
他们是Head-slider后面的图像我希望在前面获得它
我将滑块的Z-index设为1 徽标的z-index为10，但这不起作用
而且我也想让图像响应事物
margin-top: -400px;
height: auto;
z-index: 100;
position: absolute;
max-width: 90%;
但图像仍然没有完全响应
图片因响应而向上或向下移动也有问题
答案 0 :(得分：0)
CSS
#logo {
font-size: 2em;
font-weight: bold;
letter-spacing: -0.05em;
line-height: 1em;
margin: 0 0 1em;
padding: 0;
position: relative;
z-index: 1;
}
添加position: relative;＆amp; z-index: 1;
答案 1 :(得分：0)
如果您将位置设置为“ relative ”并设置z-index，则可以使用。
<img src="http://design3web.in/law-firm/files/2012/08/Untitled-1.png" style="
margin-top: -500px;
max-width: 80%; height: auto;
z-index: 100;
position: relative;">
答案 2 :(得分：0)
之前我遇到过类似的问题，我的解决方案是将所有内容包装在div中，将位置设置为relative，并将包装的div z-index设置为1，然后相应地调整其他div。 / p>
答案 3 :(得分：-1)
设置z-index:10001也将图片设置为position:absolute，然后将top:设置为正确的值。