背景图像放大在响应式设计（CSS）

Question

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

滑块图片，无论我放入的图像分辨率如何，它仍然会缩放＆＃39;在中心太多，切断了太多的细节。改变图像宽高比似乎也没有任何好处。

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

关于如何最好地实现这一点的任何想法，以便我可以用最少的裁剪或放大来放入我的图像？

Answer 1

尝试以下方法：

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