背景img响应式设计

Question

我正在尝试使用像这样的背景img悬停：

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

问题是我正在使用twitter bootstrap，以便网站响应。如何在允许图像缩放的同时继续使用背景图像。现在，无论窗口大小如何，图像都保持相同的宽度和高度。

Answer 1

使用：before /：after 或 background-size 属性缩放背景图片。