css - 背景画像レスポンシブデザイン

Question

次のように背景画像にホバーを使用しようとしています:

.featuredimg{background: url('[imgPathHere]');
             width:370px;
             height:430px;}
.featuredimg:hover{background: url('[imgPathHere]')0px -430px;}

問題は、サイトが応答するように twitter ブートストラップを使用していることです。画像の拡大縮小を許可しながら、背景画像のホバーを引き続き使用するにはどうすればよいですか。現在、ウィンドウのサイズに関係なく、画像の幅と高さは同じままです。

Answer 1

代わりに :before / :after またはbackground - sizeプロパティを使用して、背景画像をズームします。