2013-10-26 58 views
5

如何使滾動條透明? 只有css。僅適用於webkit瀏覽器。 我的code在這裏。透明滾動條

div{ 
    width:410px; 
    height:100px; 
    overflow-y:overlay; 
    border:1px solid green; 
    position:relative; 
} 

::-webkit-scrollbar{ 
    width:20px; 
} 

::-webkit-scrollbar-thumb{ 
    background-color:rgba(0,0,0,1); 
} 
+0

考慮使用'.png' –

回答

3
div 
{ 
    width:410px; 
    height:100px; 
    overflow-y:overlay; 
    border:1px solid green; 
    position:relative; 
} 

::-webkit-scrollbar{ 
    width:20px; 
} 

::-webkit-scrollbar-thumb{ 
    background-color: rgba(255,255,255,1); 

} 
+0

我需要透明滾動條不可見的!=) –

+0

PLZ看到我更新:) –

+1

我需要透明的軌道和有色拇指.... –