【问题标题】:jShowOff Slide Show Can't Click in Center of SlidejShowOff 幻灯片放映无法在幻灯片中心单击
【发布时间】:2019-09-14 22:56:10
【问题描述】:

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

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

我认为应该归咎于 prev/next 箭头。两者都包含在同一个 标记中。我尝试添加 z-index 没有成功。

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

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

谢谢!

【问题讨论】:

    标签: javascript slideshow jshowoff


    【解决方案1】:

    Root cause

    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;
        }
    

    希望这会有所帮助。

    【讨论】:

    • 我尝试了 Timd3v 建议的 z-index,但它不起作用 - 箭头消失了。这是一个可以使用https://codepen.io/iamalta/pen/NWKBwJG的代码笔
    • 嗨,我在测试道歉后也注意到了。这是现在的工作版本codepen.io/timd3v/pen/mdbjXVR 更改:在 CSS 第 449 行上将高度设置为 0 似乎可以解决问题。
    • 谢谢。我会试试的。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多