我正在一個全屏演示的網(wǎng)站上工作。我遵循了一個教程，但我決定去為每張幻燈片添加按鈕，但出于某種原因 - 只有第三張幻燈片的按鈕是可點擊的。我最初使用了一個<button>標(biāo)簽，但它不起作用，所以我使用了一個標(biāo)簽，<a>它也不起作用。我嘗試將 z-index 設(shè)置為 999999999，但沒有成功。<header> <body> <!-- Wrapper --> <div id="wrapper"> <!-- Header --> <section id="header"> <a href="http://iu.edu/"><img src="images/logo.png" alt="Ocean World" class="hvr-float"></a> <ul> <li class="item hvr-float" id="description"><a href="#">Description</a></li> <li class="item hvr-float" id="visualization"><a href="#">Visualization</a></li> <li class="item hvr-float" id="About"><a href="#">About Us</a></li> </ul> </section> <!-- Slideshow --> <section id="slider"> <div class="slide current"> <div class="content"> <h1>Climate Change</h1> <p>As climate change becomes a bigger and bigger issue, many people still don't know what it is.</p> <br /> <a href="#">Learn more</a> </div> </div> <div class="slide"> <div class="content"> <h1>See the Results</h1> <p>You can find data here about the results climate change has had on our globe and it's water level. </p> <br /> <a href="#">Learn more</a> </div> </div> <div class="slide"> <div class="content"> <h1>About Us</h1> <p>We're a small work group from the IUPUI School of Informatics. Here, you can learn a little more about us.</p> <br /> <a href="#">Learn more</a> </div> </div> </section> <button id="prev"><i class="fas fa-arrow-left"></i></button> <button id="next"><i class="fas fa-arrow-right"></i></button>
為什么我的演示文稿中的按鈕不可點擊？
泛舟湖上清波郎朗
2022-01-07 16:10:38
