1

我试图在滑块上方保留徽标,但无法正确设置 z-index

我尝试过 Z-index 递增顺序,但无法正确执行

链接是 http://design3web.in/law-firm/

他们是头部滑块的背面图像,我想把它放在前面

我将滑块的 Z-index 指定为 1,徽标的 z-index 为 10,但这不起作用

而且我还想让图像响应事物

margin-top: -400px;
height: auto;
 z-index: 100;
position: absolute;
max-width: 90%;

但图像仍然没有完全响应

图像向上或向下移动也有问题,因为它是响应式的

4

4 回答 4

0

我之前遇到过类似的问题,我的解决方案是将所有内容包装在一个 div 中,将位置设置为相对,并将包装的 div z-index 设置为 1,然后相应地调整内部的其他 div。

于 2012-08-09T14:26:42.443 回答
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;&z-index: 1;

于 2012-08-09T14:21:48.450 回答
0

如果您将位置设置为“相对”以及设置 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;">
于 2012-08-09T14:21:59.203 回答
-1

设置z-index:10001也设置图像,position:absolute然后将 设置top:为正确的值。

看看 - http://jsbin.com/itiviw/4

于 2012-08-09T14:18:38.593 回答