css - 在 CSS 中更改位置时 slider 点移动

Question

我有一个可以工作的 CSS3 slider ，但我希望底部的点(您可以通过这些点导航幻灯片)定位在 slider 本身内。

当我更改圆点的位置时，它们会停止工作，如果我单击一个圆点，它不会导航到该幻灯片，并且会进行奇怪的跳跃。

有人知道如何在保持其功能的同时改变点的位置吗？

谢谢

我添加了一个 jsfiddle 来演示我的意思:

http://jsfiddle.net/lotusgodkk/98LLpmc3/11/

在 fiddle 中， slider 正常工作，但点不在 slider 内。

当我改变它使点像这样落在 slider 中时:

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

Fiddle