2014-02-26 63 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当然,我更新了我的答案,告诉你如何解决它。 –