HTML 页面上的按钮不起作用答案

【问题标题】：Button on HTML page doesn't workHTML 页面上的按钮不起作用
【发布时间】：2017-02-13 17:26:33
【问题描述】：

您好，我有一个 HTML 页面。我使用按钮在此页面上导航。但是在有幻灯片的2部分，按钮不起作用。我尝试解决它一个小时，但我不明白这个问题。您可以找到该网站here。

您可以找到 JSFiddle here。

这里有部分html：

<div class="section" id="section5">
    <div class="slide" id="slide1">
        <div class="intro">
            <h1>#your Led Solution 1 of 2</h1>
            <br><br>
            <p>Use an ILS LED Flasher Unit, connecting an ILS booster for each LED indicator lamp in the circuit</p>
            <img src="http://i.imgur.com/DQ2i9iz.png" class="imgProduct" alt="ILS LED Flasher Unit and ILS booster" style="height:350px;">
            <div id="type2">
            <a href="http://www.autoelettric.com/index.php/en/products/i-ls-intelligent-led-solutions-en"><div class="btn-5" width="50px">→ VIEW PRODUCT</div></a>
            <br><br>
            </div>
            <br>
        </div>
        <a href="#ExactPower" onclick="status2()"><div class="btn-5-previous" width="50px">↩ PREVIOUS</div></a>
        <a href="#SafeConversion" onclick="status0()"><div class="btn-5-top" width="10px">↑</div></a>
    </div>

    <div class="slide" id="slide2">
        <div class="intro">
            <h1>#your Led Solution 2 of 2</h1>
            <br><br>
            <p>Use an ILS LED Flasher Unit &#38; LED indicator lamps with integrated pulse</p>
            <img src="http://www.autoelettric.com/images/stories/virtuemart/product/ils-led-flasher-2022H4ILS.png" class="imgProduct" alt="ILS LED Flasher Unit & LED indicator lamps" style="height:350px;">
            <div id="type2">
            <a href="http://www.autoelettric.com/index.php/en/products/i-ls-intelligent-led-solutions-en"><div class="btn-5" width="50px">→ VIEW PRODUCT</div></a>
            <br><br>
            </div>
            <br>
        </div>
        <a href="#ExactPower" onclick="status2()"><div class="btn-5-previous" width="50px">↩ PREVIOUS</div></a>
        <a href="#SafeConversion" onclick="status0()"><div class="btn-5-top" width="10px">↑</div></a>
    </div>
    <a href="#ExactPower" onclick="status2()"><div class="btn-5-previous" width="50px">↩ PREVIOUS</div></a>
    <a href="#SafeConversion" onclick="status0()"><div class="btn-5-top" width="10px">↑</div></a>
</div>

【问题讨论】：

能否请您更具体地说明哪个按钮不起作用，因为我用 Mozilla Firefox 测试了提供的链接，它工作正常。
@MichaelJancen-Widmer 尝试点击此页面中的“返回顶部”autoelettric.com/info/SafeConversionToLed.html#YourSolution2 或此页面中的“prevoius”autoelettric.com/info/SafeConversionToLed.html#YourSolution2/1
是的，哪个按钮更具体？
好的，让我看看。
在我的浏览器上，即使是返回 (

标签： javascript jquery html css

【解决方案1】：

.fp-slides 的 z-index: 1;将其放在返回按钮的顶部，因此要么删除 .fp-slides 的 z-index 值，要么将 z-index 添加到返回按钮。
.fp-slides .slides 中还有另一组 #ExactPower 和 #SafeConversion 按钮。

【讨论】：

谢谢，我删除了 z 索引！