我已经建立了一个基于滑块的网站,该滑块基于gilbert在http://gilbert.pellegrom.me/recreating-the-square-slider/上重新编码的square.com当前使用的滑块。
似乎这些幻灯片当前是彼此叠放的,并且可以进出过渡。目前,我的工作非常好,除了现在需要在每张幻灯片上添加链接的元素。我有一个朋友看了一下,并对脚本和CSS进行了一些修改,现在我们在第一个循环中都有每张幻灯片,每张幻灯片上都有可点击的元素。但是,当它返回到第二个循环中的第一个屏幕时,或者如果您在第一个循环中单击任何幻灯片上的上一个按钮,它将不再允许幻灯片中的任何内容再次可单击。有谁有解决此问题的任何解决方案?
这是codepen。 http://codepen.io/typevu/full/sCvch
最佳答案
我认为添加以下内容将解决问题
.square-slider .slide.active
{
z-index:999 !important;
}
只是锚定的图片在其他图片下,所以您无法单击它
希望这对您有帮助