如何让highslide自定义叠加Z-index工作？

Question

我已经实现了highslide自定义叠加，以包含“下一个”和“上一个”链接以在图像之间导航。我需要链接相对于屏幕，因为我正在做一个响应式网站。所以我设置了hs.registerOverlay({ relativeTo: 'viewport' });。但是接下来发生的事情是，'next'和'previous'链接总是出现在扩展器下面，而不管包含任何元素的Z索引。如何让Z指数工作？

Answer 1

我不认为你可以用z-index值来解决这个问题，因为这两个对象（扩展器和叠加层）都是由Highslide脚本本身渲染的，并且它强加了它自己的堆栈顺序。

这个问题最简单的解决方法是简单地限制扩展器的大小。假设您的链接被放置在视口的底部，并且它们高30px。将hs.bottomMargin从默认值15更改为45，就可以了。