jquery - 如何降低响应式滑块的高度

我有一个响应式滑块，其中我需要更改滑块图像的高度。我希望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;
 }

最佳答案

在css中，您具有以下代码：

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

在此，降低高度百分比并检查。在这种情况下，浏览器的开发人员模式可能很有用。

希望这可以帮助。