Question

您好，只是想看看是否有人可以帮我解决一个小问题。

我正在尝试使用css中的z-index来分层图像，但出于某种原因，即使我已经在顶部提供了我想要的div更高的索引值，我想要的图层仍然会将其推下或覆盖我想要的图层在上面：

#work-img {
    background: url(../images/blots2.png) no-repeat scroll left top transparent;
    width: 960px;
    height: 601px;
    position: absolute;
    top: 610px;
    left: 0;
    visibility: visible;
    z-index: 6;
    display:block;
 }

 #work {
    background: url(../images/my-work.png) no-repeat scroll 0 0 transparent;
    position: absolute;
    width:337px;
    height: 35px;
    left: 35px;
    top: 660px;
    visibility: visible;
    z-index: 700;
    display:block;
 }

不确定我做错了所以任何人都可以给我的任何输入都会非常感谢！

Answer 1

我没有看到你的CSS有问题。我在这里做了一个简单的例子，使用与你相同的属性工作得很好。

这些div是否继承了另一个元素的某些属性？你可以看到使用萤火虫。

在CSS中使用z-index对图像进行分层的问题

1 个答案: