如果您要应用模糊处理,<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 class="page-bg">
</div>