Z-Index Now Now允許鏈接

Question

我正在建立一個網站，頁面頂部有一個橫幅和一個搜索欄。按照設計，橫幅的底部應該位於搜索欄的後面。我通過使用z-indexes（橫幅爲0，搜索欄爲1）來完成此操作。我還希望橫幅可以在網站上的任何位置用作主頁的鏈接。

我的問題是，由於Z索引，橫幅是不可點擊的。當我將橫幅放在搜索欄的前面時，橫幅可以點擊並且很好;但是當放在後面時，就好像標籤「跟在」它並且現在不可用。

有沒有辦法讓我的橫幅z-index爲0，我的鏈接z-index爲1，我的搜索欄z-index爲2？我試圖使用「style」參數將z-index分配給與圖像分開的鏈接（the），但它似乎不起作用。

Answer 1

我想通了。所有使用z-index參數的元素也必須使用CSS中的position參數進行定位。我的搜索欄不是position ed。

來源：http://www.w3schools.com/jsref/prop_style_zindex.asp

Answer 2

整個橫幅是否需要點擊，或只是不在搜索欄後面？如果整個事情都不需要，你可以在橫幅的那一部分上添加一個透明層（儘管這不是我的建議，而且看起來像是黑客）。

從我的理解來看，一個負面的z-索引總是會導致一個不可點擊的鏈接，但這似乎不是你的問題。你有可能發佈一些源代碼，以便我們可以檢查它嗎？