html - 如何将完整图像完美地放入 slider ？

Question

我是这个 CSS 的新手。我的第一个 slider 中有 2 个图像。实际目的是想将其完整图像显示到该 slider 中，但不幸的是，我无法使图像完美地适合 slider ，因为图像宽度比 slider 宽度 mroe..

这是该 slider 的 css 代码:

.ei-slider{
    position: relative;
    width: 100%;
    max-width: 960px;
    height: 338px;
    margin: 0 auto;
    background: #fdfdfd url('../images/bg/elastic-slider-bg.png') repeat-x top left;
}
.ei-slider-loading{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index:999;
    background: #161616;
    color: #fff;
    text-align: center;
    line-height: 400px;
}
.ei-slider-large{
    height: 100%;
    width: 100%;
    position:relative;
    overflow: hidden;
    list-style:none;
    margin:0;
}
.ei-slider-large li{
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.ei-slider-large li img{
    width: 100%;
}

有人能告诉您如何将完整图像完美地放入该 slider 吗？

Answer 1

你可以使用这个:

<img src="yourimg" height="338px" width="960px">

或者用 css 实现这个