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

  • 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. }

 

历史上的今天:

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: