0

私は少し混乱しています。CSS を使用して画像のサイズを変更しようとしています。Safari と Chrome では画像のサイズが変更されますが、IE と Firefox では元のサイズのままですがトリミングされます。FF と IE でもサイズを変更するには、何を変更する必要がありますか? CSS は次のようになります。

body {
    background-color:black;
    width: 100%;
    height: 100%;
}

#image1 {
    background-image: url(img/myimage.png);
    background-size: 100% 100%;
    position: absolute;
    width: 532px;
    height: 250px;
    top: 100px;
    left: 100px;
}

そして本体：

<body> <div id='image1'></div> </body>
4

3 に答える 3

1

Firefox (17.0.1 -- OSX) でもコードを試しました。

ありとなし

<!DOCTYPE html>

画像は実際に期待どおりにサイズ変更されます。

CSSのタイプミスをチェックする必要があると思います。

于 2012-12-17T08:07:43.177 に答える
0

背景の位置を固定してから、これをhtmlに追加してみてください。

<img src="img/myimage.png" alt="background image" id="image1" />

于 2012-12-16T22:33:16.213 に答える
0

% または px が抜けていると思います

background-size: 100% 100;

この jsfiddleを Chrome、IE、および Firefox でテストしたところ、良好な結果が得られました。小さな画像を拡大する必要がある場合に備えて、繰り返しなしも追加しました。

于 2012-12-16T22:12:25.663 に答える