css - 在响应式设计 (CSS) 中放大的背景图像

Question

我的图片:http://path.com.my/v2/wp-content/uploads/2016/05/Home-Page-Banner-B.jpg网址:http://path.com.my/v2/检查第二张幻灯片

slider 图像，无论我输入什么分辨率的图像，它仍然会在中心“放大”太多并切断太多细节。更改图像纵横比似乎也没有任何好处。

我曾尝试使用 background-size: cover，但它会在侧面留下空白，并且在不同的屏幕尺寸下也没有任何好处。

关于如何最好地实现这一点，以便我可以以最少的裁剪或放大来放置我的图像，有什么想法吗？

Answer 1

尝试以下操作:

.home #content .slide {
    /*[...]*/
    background-attachment: fixed;
    background-size: 87%;
    background-position: 250px 0;
}