我想使用css3滤镜模糊此html代码的背景图像,请提供解释。
<!DOCTYPE html>
<html>
<head>
<title>Student-login</title>
<link href='http://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>
<style>
body{
background-image: url("background.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
</style>
</head>
<body>
<div class="main-form">
<h1>Hello</h1>
</div>
</body>
</html>
但是,其中的内容不会模糊。
您必须使用两个不同的容器,在这里看看它会为您提供帮助:
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句