javascript - 带封面的全屏背景，但专注于图像的一部分

Question

我想要一个 div 有一个覆盖整个 div 的背景图像，但是当浏览器窗口大小发生变化时，不要缩小太多，而是将焦点集中在图像上的一个点上。

一个很好的例子是 this ，但是当您缩小窗口尺寸时，它会聚焦于黄色标志而不是图像的中间。

这种东西有插件或者教程吗？我确信使用 jquery 和 css 图像 Sprite 我可以想出一些东西，但我宁愿使用经过验证的插件或技术，而不是一起破解一些东西。

Answer 1

好吧，我想这远没有我想象的那么难，但是我想要的行为可以简单地通过这样做来实现:

{
background: url('http://farm8.staticflickr.com/7218/7289572558_44c110c510_h.jpg') no-repeat 95% 50%;
min-height: 100%;
background-size: cover;
}