1

div とその div に接続された背景カバーがあります。Chrome では機能しません。一部の画像では、空白行が追加されます (水平または垂直、場合によって異なります)。

HTML

<div class="div_image"></div>

CSS

.div_image {
    width: 100px;
    height: 100px;
    border: solid red;
    background: url('http://2.bp.blogspot.com/-v7UK1A8fw3A/UJXR5Vc5RjI/AAAAAAAAHuY/aWzZuSv8-jI/s250/Laika.jpg') no-repeat center center; 
    background-size:cover;
}

http://jsfiddle.net/rTBVs/2/を参照してください。

4

2 に答える 2

0

こんにちは、私はこれをテストしましたが、動作します。

.div_image {
    width: 100px;
    height: 100px;
    border: solid red;
    background: url('http://2.bp.blogspot.com/-v7UK1A8fw3A/UJXR5Vc5RjI/AAAAAAAAHuY/aWzZuSv8-jI/s250/Laika.jpg');
    background-size:cover;
}

バックグラウンド値から（リピートなしセンターセンター）を削除しました

乾杯

于 2013-06-01T21:58:10.737 に答える
0

Chromeには空白行はありません...しかし、画像に問題があるように思えます。ただし、div にある URL はそこに属していません。これは URL が属する場所ではなく、ブラウザで問題を引き起こしている可能性があります。

于 2013-06-02T08:12:14.043 に答える