2011-03-08 12 views
0

通常のimgタグをhtmlに入れると、基本的に幅と高さを指定することができ、ブラウザはイメージを拡大/縮小します。寸法が元のものからあまり離れていない限り、結果はまともです。例えば背景画像のスタイルを調整する方法はありますか?

は、アバター画像は、元は

<img width="32" height="32" alt="" src="http://www.google.com/friendconnect/scs/images/NoPictureDark.png"> 

を45x45されていても32×32にスケーリングされ、このように、CSSの背景画像で画像を拡大縮小する方法はありますか?

<div class='avatar' style='background-image:url("hhttp://www.google.com/friendconnect/scs/images/NoPictureDark.png");'> 

は、私は基本的に背景画像の代わりに、通常のimgタグのプロパティとしてアバターを表示したいともサイズに拡張する必要があります。

これを行うことができる既知のトリックはありますか?

+0

[CSS画像を伸ばして拡大縮小する - CSSのみで可能]の複製(http://stackoverflow.com/questions/1150163/stretch-and-scale-a-css-image-background-with-css-のみ) –

+0

[Duplicate](http://stackoverflow.com/questions/376253/stretch-and-scale-css-background)。 – melhosseiny

答えて

関連する問題