-1

幅と高さの属性を追加して、css で画像のサイズを変更しようとしています。ただし、これは画像のズームのみを変更します。

たとえば、90px x 90px の画像があります。ただし、幅と高さを変更すると、小さい写真ではなく、写真を拡大したバージョンのようになります。

私のcssは：

.image-90 {
    horiz-align: center;
    width: 60px;
    height: 60px;
    background-size: 90px 90px;
    margin: 10px;
    border: 1px rgb(218, 218, 218) solid;
    background: #C4C4C4 no-repeat 0 0;
    background-image: url('/Content/images/person_noimage.png? width=90&height=90&mode=crop');
}

これが私のhtmlです（私の画像のURLはPerson.AvitarImageに保存されています）：

<div class="image-90" style="background-image:url-Person.AvitarImage"></div>
4

1 に答える 1

1

background-sizeと の後 に宣言する必要がbackgroundありbackground-imageます。すべてのブラウザに当てはまるかどうかはわかりませんが、少なくとも Chrome と Firefox で気づいたことです。http://jsfiddle.net/WS2qe/1/を参照

値を 1 つだけ設定すると、それが幅と見なされ、高さは自動的に調整されて背景の比率が維持されます。

于 2013-04-20T05:09:01.513 に答える