如果您要应用模糊处理,
<html>那么它将模糊您的网页。
而不是要添加背景
<html>,您需要创建另一个
<div>与
<body>同尺寸该网页,并添加模糊处理它。
例
body { font-family: "Arial"; color: #fff;}.page-bg { background: url('http://www.planwallpaper.com/static/images/general-night-golden-gate-bridge-hd-wallpapers-golden-gate-bridge-wallpaper.jpg'); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;}<h1>This is a title</h1><div ></div>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)