殷德瑶博客
喜欢的歌,静静地听!喜欢的人,远远地看!

CSS实现网页图片背景加仿玻璃模糊

殷德瑶 2016-6-5 emlog教程 评论 2332 次

看到别的网站背景那么漂亮,自己也想搞一个。所以就百度了一下教程。


首先来背景图片的代码,在模板本身的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;
	}

发表评论


粤ICP备15078261号 Powered by 黑暗之夜
Theme by 殷德瑶博客