html - 向非响应式网站添加响应式背景图片

Question

我需要的最好例子是 http://shutterstock.com 搜索栏后面的图片.尝试取消缩放(在 Chrome 上按 Ctrl 和 -)；网站的其余部分将缩小；图像本身将保持相同的大小，它只会在高度减小时被裁剪。

基本上，我需要背景图像在其他情况下无响应和 960px 主题上响应且全宽。

到目前为止，这让我很头疼；我不知道该怎么做。

有什么想法吗？

Answer 1

我认为您正在寻找 background-size .仅供引用，我认为这在 IE8 及以下版本中不起作用。

.your-class {
    background:url('images/yourimage.jpg');
    background-size:cover;
}