html页面背景模糊度变高,html – 如何仅在css中模糊背景图像

如果您将模糊应用于< 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;

}

This is a title