Question

我有一个可以使用的CSS3滑块，但是我想要底部的点，您可以通过它来导航幻灯片位于滑块内部。

当我改变点的位置时，他们停止工作，如果我点击一个点，它就不会导航到那张幻灯片而且会产生奇怪的跳跃。

任何人都知道如何在保留点的位置的同时改变点的位置？

由于

我添加了一个jsfiddle来证明我的意思：

在小提琴中，滑块可以正常工作，但点不在滑块内。

当我更改它时，这些点落在滑块中，如下所示：

#slideshow-wrap label:not(.arrows):active {
    bottom: 15px
}

它停止工作。

知道为什么吗？

Answer 1

更改

#slideshow-wrap label:not(.arrows):not(.show-description-label) {
    ...
    bottom: -44px;
    ...
}

要

#slideshow-wrap label:not(.arrows):not(.show-description-label) {
    ...
    bottom: 15px;
    ...
}

和

#slideshow-wrap label:not(.arrows):active {
    bottom: -46px
}

要

#slideshow-wrap label:not(.arrows):active {
    bottom: 15px
}