Question

我发现了AMKohn的一个简洁的CSS Slider：

滑块的工作原理是使用单选按钮和标签在“幻灯片”之间移动。

幻灯片默认隐藏，并在选中相应的单选按钮时显示。

我修改了滑块，以便每张照片都附有一个扩展浏览器宽度的标题。

因此，我的标记和CSS与原始版本略有不同，但是主体仍然相同（仍然使用标签和单选按钮在幻灯片之间移动）。

我认为这会影响标签（充当导航按钮）。使用

时，这些不会在悬停时显示

position:absolute;

但是，当position设置为relative时，按钮工作正常，除非它们不在正确的位置（在照片的任一侧）。

有人可以解释如何解决这个问题吗？

Answer 1

解决了这个问题。

基本上，问题是由于在父元素position:absolute上使用.slides。

我默认为display:hidden，display:block时为input:checked。

这阻止了divs＆＃34;堆叠＆＃34;，我总结（以非技术方式）是导航按钮无法工作的原因。

工作滑块位于：