2014-02-26 74 views
1

我將LiquidSlider實施到我正在開發的網站中。它的工作完美無瑕,但我確實有一個問題,我似乎無法找到答案。改變液體滑動條的顏色

我可以更改背景顏色嗎?我擁有它的div是灰色的,我想要將背景顏色更改爲相同的顏色或使其透明。我該怎麼做呢?

這是我用盡爲止

.ls-wrapper { 
    background-color:transparent; 
    margin:0 auto; 
    /* Do not edit below this line */ 
    clear: both; 
    overflow: auto; 
    position: relative; 
} 

/****************************************************** 
* Main Container 
* This is the main container (minus the navigation). 
* Be sure to match the width with the .panel class, 
* or it won't work properly. Also, width only applies 
* if you are not using the responsive setting. 
* 
* The responsive slider will interpret the width as the 
* max width instead 
*******************************************************/ 
.ls-wrapper .liquid-slider { 
    background-color:transparent; 
    width: 1030px; 
    /* Do not edit below this line */ 
    float: left; 
    overflow: hidden; 
    position: relative; 
+0

你可以在jsfiddle.net上發佈樣本嗎? –

+0

http://www.voipstreet.com/testSite/index.html – onTheInternet

+0

所以基本上你想要頂部(鈦,起源...)是灰色的? –

回答

1

如果同時設置這些透明它的工作原理。

.panel 
{ 
    background: transparent; 
} 

.liquid-slider 
{ 
    background: transparent; 
} 

.panel是每張幻燈片的背景。

.liquid-slider是整個滑塊的背景。

他們也是一個border-color設置爲每個面板,你可以添加border-color: transparent.panel來清除這一點。

+0

這很好。任何機會,你可以告訴我如何去除滑塊周圍的白線?編輯 - 完美。謝謝! – onTheInternet

+1

@onTheInternet當然,我更新了我的答案,告訴你如何解決它。 –