如何降低响应滑块的高度

时间:2014-08-07 07:17:40

标签: jquery html css

我有一个响应滑块,我需要更改滑块图像的高度。我想要height:860px;,其余布局应该与原始相同。但是我无法更改滑块的高度。

这是基本的CSS ..

.skdslider{
 width:100%;
position: relative;
display: block;
overflow:hidden;
}

这是我创造的小提琴......

Fiddle

我尚未添加图片,但它的高度均为860px;

请帮帮我。

更新:

.skdslider ul.slide-navs {
bottom: 20px;
left: 50%;
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
}


.skdslider ul.slide-navs li {
float: left;
background: url("image/slide-bg.png") no-repeat scroll 0 0 transparent;
height:12px;
width:12px;
margin-right:4px;
cursor:pointer;
}
.skdslider ul.slide-navs li.current-slide {
background: url("image/slide-bg-active.png") no-repeat scroll 0 0 transparent;
 }

1 个答案:

答案 0 :(得分:1)

在你的CSS中你有以下代码:

.skdslider ul.slides li img{
width: 100%;
height:100%;
border:0;
}

在这里,降低高度百分比并检查。在这种情况下,浏览器的开发者模式非常有用。

希望这有帮助。