如何讓highslide自定義疊加Z-index工作？

Question

我已經實現了highslide自定義疊加，以包含「下一個」和「上一個」鏈接以在圖像之間導航。我需要鏈接相對於屏幕，因爲我正在做一個響應式網站。所以我設置了hs.registerOverlay({ relativeTo: 'viewport' });。但是接下來發生的事情是，'next'和'previous'鏈接總是出現在擴展器下面，而不管包含任何元素的Z索引。如何讓Z指數工作？

Answer 1

我不認爲你可以用z-index值來解決這個問題，因爲這兩個對象（擴展器和疊加層）都是由Highslide腳本本身渲染的，並且它強加了它自己的堆棧順序。

這個問題最簡單的解決方法是簡單地限制擴展器的大小。假設您的鏈接被放置在視口的底部，並且它們高30px。將hs.bottomMargin從默認值15更改爲45，就可以了。