Question

这是您可以看到它的示例。 http://www.spine-practice.com/index.php 你可以看到图片正在转换（知道如何做）但我想知道的是它是如何制作的，以便图像通过导航栏？

Answer 1

您可以使用绝对定位的div（如您提到的网站所做的那样）。

当在CSS中使用position: absolute时，元素将不会被放入正常流中，而是在其他元素重叠时放置在其他元素之上（假设它们位于相同的z-index层中）。

以下是一个例子：

.overlay{
    height: 200px;
    position: absolute;
    top: 50px;
    left: 200px;
    width: 100px;
}

Answer 2

只有z-index。如果您观看源代码，他会使用position:absolute和z-index来叠加元素。