利用 CSS 让网页图片背景加仿玻璃模糊化

  • 利用 CSS 让网页图片背景加仿玻璃模糊化已关闭评论
  • 148 views
  • A+
所属分类:美化特效

在模板本身的 CSS 找到 body 这一行,直接把整行替换为:

  1. body{color: #333333;background-image:url("背景图片地址");
  2. background-attachment:fixed;
  3. background-repeat:no-repeat;
  4. background-size:100% 100%;
  5. }

 

这样我们就实现有背景的网页了,有的时候清晰度太高也是不好的,影响整体,所以我们加一层模糊效果。

  1. body:after
  2. {
  3. content: '';
  4. position: fixed;
  5. left: 0;
  6. top: 0;
  7. width: 100%;
  8. height: 100%;
  9. background:rgba(255,255,255,0.6);
  10. z-index: -1;
  11. }

 

历史上的今天: