當在CSS中改變位置時，滑塊點移動

Question

我得到了一個可以工作的CSS3滑塊，但我希望可以在滑塊本身內定位滑塊的底部。

當我改變他們停止工作，如果我點擊一個點不會瀏覽到該幻燈片，它使一個奇怪的跳點的位置。

任何人都知道我可以改變點的位置，同時保留它的功能？

感謝

我加了的jsfiddle證明我的意思：

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

在滑塊的作品，因爲它應該小提琴，但點不是滑塊內。

當我改變它，這樣的點落在這樣的滑塊：

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