如何使用图像作为背景,模糊不清

时间:2017-11-03 16:43:02

标签: html css image background

我生命中的最后一小时,我一直在寻找如何使我的网站背景成为图像。我找不到一篇帮助解释或工作的帖子。

代码:

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

图像非常模糊,如何解决?

1 个答案:

答案 0 :(得分:0)

只需使用质量更好的图像



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>
&#13;
&#13;
&#13;