如何将图像用作背景而不会模糊

Question

在我生命的最后一个小时里，我一直在寻找如何让我的网站背景成为图像。我找不到一篇有助于解释它或起作用的帖子。

代码：

body {
   background: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSdA1670FJVHsBy1-mv6eF8xnLJi5rp-09t0102mSD6QDcxObMKnA');
   background-size: cover;
   background-repeat: no-repeat;

图像非常模糊，如何解决？

Answer 1

只需使用质量更好的图片

body {
  background: url('http://images.summitpost.org/original/462463.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100vh;
}

<h1>Some content</h1>