[英]backdrop-filter: blur; not fill all page
在我的“body”标签上,我放了一个背景图像,我想在它上面做一些模糊,除了当我们滚动时,模糊被禁用
html, body {
width: 100%;
height: 100%;
}
body {
padding: 0;
margin: 0;
backdrop-filter: blur(15px) grayscale(25%);
-webkit-backdrop-filter: blur(15px) grayscale(25%);
background-size: cover;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
body:before {
content: '';
background-color: #000;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
opacity: .6;
}
我找到了,我只需要这样做:
前:
html, body {
width: 100%;
height: 100%;
}
后:
html, body {
width: fit-content;
height: fit-content;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.