事情是这样的
我给喵呜社区加了个背景
结果发现东西都看不清楚了
背景太花了
于是我就写了个filter: blur(2px);
变这样了
body
{
background-image:url('https://miaowuawa.cn/back1.jpg') !important;
background-repeat:no-repeat !important;
background-attachment:fixed !important;
background-size: cover !important;
filter: blur(2px);
}
然后打开网站准备看效果:
 
 
没错整个站全糊了
也不知道哪里出问题了 话说有人知道怎么写可以让背景毛玻璃效果,内容正常吗
我给喵呜社区加了个背景
结果发现东西都看不清楚了
背景太花了
于是我就写了个filter: blur(2px);
变这样了
body
{
background-image:url('https://miaowuawa.cn/back1.jpg') !important;
background-repeat:no-repeat !important;
background-attachment:fixed !important;
background-size: cover !important;
filter: blur(2px);
}
然后打开网站准备看效果:
没错整个站全糊了
也不知道哪里出问题了 话说有人知道怎么写可以让背景毛玻璃效果,内容正常吗
背景和内容不能在同一个元素中,还有blur很吃性能,没事尽量别用
我也不知道啊
啊这,内容和背景混在一起了
可以先p一个模糊的背景图,再当壁纸
好家伙直接糊了
分两个div一个专门给背景,一个是你的主体,背景div给定位不就好了(三年老前端)
不对,应该是快五年的老前端
刚开始学css时跟你一样也是个**,然后我发现我真的是**,然后我就不学了。
为什么画面这么模糊~
不能拥在一起,你可以先弄背景图,然后blur,顺便rgb的透明度调高一点,差不多0.6的样子,然后把这个复原