背景img响应式设计

Question

我尝试在背景img上使用悬停，如下所示：

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

问题是我使用的是twitter bootstrap，这样网站就可以响应了。如何在允许图像缩放的同时继续使用背景img悬停。现在，无论窗口大小如何，图像的宽度和高度都保持不变。

Answer 1

请改用:before / :after或background-size属性来缩放背景图像。