全屏幕背景与封面,但专注于图像的一部分

Question

我希望div有一个覆盖整个div的背景图像但是当浏览器窗口大小改变时不会缩小太多而是聚焦到图像上的某个点.

一个很好的例子就是这样,但是当你使窗口尺寸变小时,它会聚焦在黄色标志而不是图像的中间.

这种东西有插件或教程吗？我敢肯定,使用jquery和css图像精灵,我可以提出一些东西,但我宁愿使用经过验证的插件或技术,而不是一起黑客攻击.

Answer 1

嗯,我想这远不像我想象的那么困难,但我想要的行为只需通过这样做就可以实现:

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