javascript - jShowOff 幻灯片放映无法在幻灯片中心单击

Question

请参阅主页上的“Re-styled Thumbnail Demo”（右下角）， http ://ekallevig.com/jshowoff/

将光标放在幻灯片的顶部中间，您可以单击。将光标放在中间，没有可用的点击。

我相信上一个/下一个箭头是罪魁祸首。两者都包含在同一个 < p > 标记中。我尝试添加 z-index 没有成功。

这是一个问题，因为我们链接的幻灯片并不大，并且在上一个和下一个箭头的上方和下方没有太多可点击区域。此外，大多数人会点击幻灯片的中间。

你能告诉我如何解决这个问题吗？

谢谢！

Answer 1

根本原因

CSS 线 448 - 449

.thumbFeatures p.jshowoff-controls {
    background: none;
    height: 0px; /* I am the cause */
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 100px;
    width: 100%;
    z-index: 150;
    }

希望这可以帮助。