我想模糊 dive 或任何没有内部元素的 html 容器的背景。
好吧,我尝试用谷歌搜索它,发现它可以通过 html2canvas(从对象下方创建图像然后对其进行模糊处理)并且使用 -webkit-backdrop-filter 还没有效果。
我想要的是一个类似于下面屏幕截图中 Windows 10 菜单背景的实时模糊容器。
最佳答案
我会使用 Photoshop 或其他工具模糊原始背景,然后将其作为背景图像并调整位置。像这样:
container {
background-image: url("blurredbg.png");
background-repeat: no-repeat;
background-position: 30px 0px;
}
请引用this page有关背景定位的更多信息。
当然,您可以在 javascript 中使用 container.style.backgroundPosition="100% 0";
动态控制定位
关于html - 是否可以使 HTML div 模糊而内部没有元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34582105/