来自Gilbert的正方形幻灯片，无法有可点击的元素
来自Gilbert的正方形幻灯片，无法有可点击的元素
提问于 2013-06-26 02:30:32
我用一个滑块建立了一个网站，这个滑块是基于目前square.com上使用的滑块，由gilbert在http://gilbert.pellegrom.me/recreating-the-square-slider/上重新编码的。
看起来，幻灯片目前是层叠在一起的，并且可以切换进和出。目前我已经让它工作得很好，除了现在我需要在每张幻灯片上添加链接的元素。我有一个朋友看了它，并修改了一些脚本和css，我们现在有每个幻灯片在第一个周期通过每个幻灯片上的可点击元素。但是，当它返回到第二个周期的第一个屏幕时，或者如果您在第一个周期中单击任何幻灯片上的上一个按钮，它将不再允许幻灯片上的任何内容再次可点击。有没有人有任何解决方案来解决这个问题？
这是codepen。http://codepen.io/typevu/full/sCvch
回答 2
Stack Overflow用户
发布于 2013-06-26 05:05:17
我认为添加以下内容就可以解决这个问题
.square-slider .slide.active
{
z-index:999 !important;
}它只是锚定的图像在另一个图像下，所以你不能点击它
希望这能对你有所帮助
Stack Overflow用户
发布于 2013-07-04 01:26:36
它可以工作，但不要将z-index设置为高于导航设置的z-index，因为它们将被隐藏。这是Safari的遗憾，这个滑块的效果不好(所有的资源在第一张幻灯片上都是可见的，但是到了下一张幻灯片，这张幻灯片的资源就看不见了，很奇怪。)在Chrome资源中正常显示，除非它将开始下一个周期。:]
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17304896
复制相关文章
相似问题
腾讯云开发者
