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

Question

我有一个响应式 slider ，我需要在其中更改 slider 图像的高度。我想要 height:860px;，其余布局应与原始布局相同。但我我无法更改 slider 的高度。

这是基本的 css..

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

这是我创建的 fiddle ..

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;
 }

Answer 1

在你的css中你有下面的代码:

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

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

希望这对您有所帮助。