javascript– 如何在IonicCSS中仅模糊背景而不是内容

概述我试图为我的内容提供模糊的背景.到目前为止我试过这个：.background-image { background-image: url('../img/background/image.jpg'); width: 100vw; height: 100vh; -webkit-filter: blur(10px); -moz-filter

我试图为我的内容提供模糊的背景.

到目前为止我试过这个：

.background-image {  background-image: url('../img/background/image.jpg');  wIDth: 100vw;  height: 100vh;  -webkit-filter: blur(10px);  -moz-filter: blur(10px);  -o-filter: blur(10px);  -ms-filter: blur(10px);  filter: blur(10px);}

然后

但后来我得到了整个屏幕模糊的问题,而不仅仅是背景如下：最佳答案将内容放在模糊的div旁边.

.background-image {  background-image: url('../img/background/image.jpg');  wIDth: 100vw;  height: 100vh;  -webkit-filter: blur(10px);  -moz-filter: blur(10px);  -o-filter: blur(10px);  -ms-filter: blur(10px);  filter: blur(10px);}

总结

以上是内存溢出为你收集整理的javascript – 如何在Ionic / CSS中仅模糊背景而不是内容全部内容，希望文章能够帮你解决javascript – 如何在Ionic / CSS中仅模糊背景而不是内容所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1145355.html