2

この CSS は初めてです。最初のスライダー内に 2 つの画像があります。実際にはそのスライダーに完全な画像を表示することを考えていますが、残念ながら、画像の幅がスライダーの幅よりも大きいため、画像をスライダーに完全に合わせることができません..

そのスライダーの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%;
}

そのスライダーに完全な画像を完全に合わせる方法を誰か教えてください。

4

5 に答える 5

0

これを使用できます：

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

またはこれを css で実装する

于 2012-11-09T09:33:54.843 に答える
0

そもそも比率が正しくない画像を使用しています。同じ比率の 2 つの画像がある場合は、より適切に機能します。正しいプロポーションで新しい画像を作成してみてください。そこから始めてください。

于 2012-11-09T09:36:16.063 に答える
0

実際には、スライダーの画像のサイズは600px*148pxスライダーの幅に応じて伸縮するため、品質が低下します....

あなたは非常に小さいサイズの画像を使用しています....

1100px*400pxスライダーが完全に機能するよりも、このサイズに従って画像を作成する場合は、に従って画像を作成してください....

于 2012-11-09T09:39:31.177 に答える