如何獲取導航欄上的圖像？

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; 
} 

http://jsfiddle.net/xEa7G/

Answer 2

這只是z-index。如果你看源代碼，他會使用position:absolute和z-index來疊加元素。

閱讀本文件：http://html.net/tutorials/css/lesson15.php