如何使图像在我的网站上方放大或缩小？

Question

我有一个空间在我的网站的顶部有一个图像。

图像宽度为2800px，高度为400px。

我想在这个图像的顶部留出400px，但由于图像太宽，有没有办法让它看上去不会模糊？

<div class="bg"></div> 

---

.bg { 
    background: url('..//img/top-img.jpg') no-repeat center center; 
    position: fixed; 
    width: 100%; 
    height: 400px; 
    top:0; 
    left:0; 
    z-index: -1; 
} 

Answer 1

您可以添加到您的.bg

background-size: cover; 

但是需要

当关于模糊，这将裁剪图像？这里没有办法解决问题，但为了让图像更大，但正如我所看到的，图像已经足够大，使图像变大会加载缓慢。