0

元のサイズが 374x144 の画像があります。1ファイルに3枚の画像です。そこで、画像を 1 つだけ取得する div タグを定義します。

<div style="background-image:url('http://pics.kapihospital.de/ga_cars.5.jpg');position:absolute;height:48px;width:374;background-position: 0px -96px;"></div>

ここで、image/div タグのサイズを変更したいと思います。しかし、高さを変更して属性を使用すると、サイズ変更された画像ではなく、変更されたクリップ部分が取得されます。

画像のクリッピングとリサイズを同時に行うことは可能ですか? 新しいサイズは約 179x23 になるはずです

4

1 に答える 1

1

サイズ変更には実際のイメージ タグを使用し、クリッピングにはある種のラッパーを使用する必要があります (私は を使用しました div)。

HTML

<div>
    <img src="http://pics.kapihospital.de/ga_cars.5.jpg" width="179" height="69">
</div>​​​​

CSS

DIV {
    width: 179px;
    height: 23px;
    overflow: hidden;
}

IMG {
    position: relative;
    top: -23px;
}

画像に使用して、負のプロパティを使用してposition: relative移動することができます。divtop

于 2012-04-17T05:54:29.630 に答える