CSS实现网页图片背景加仿玻璃模糊
看到别的网站背景那么漂亮,自己也想搞一个。所以就百度了一下教程。
首先来背景图片的代码,在模板本身的CSS找到body这一行,直接把整行替换为:
这样我们就实现有背景的网页了,有的时候清晰度太高也是不好的啊,影响整体,所以我们加一层模糊效果
body{color: #333333;background-image:url("背景图片地址");
background-attachment:fixed;
background-repeat:no-repeat;
background-size:100% 100%;
}
body:after
{
content: '';
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background:rgba(255,255,255,0.6);
z-index: -1;
}
发表评论