Css 使用过滤器进行位置固定更改

我在页面底部有一个固定位置元素

底部：0

，背景颜色为

黑色

。它是一个导航元素，后面有滚动的东西

我正在尝试使用背景滤镜：模糊（20px）来实现彩色玻璃效果，因此我需要更改背景颜色的不透明度：

rgba（18,18,18,0.3）

当我添加过滤器更改时，fixed元素向上移动

1px

，这意味着我可以看到页面底部滚动的东西的一个像素

为什么会这样？ 我能做些什么来防止/修复此问题

提前谢谢

.myDialog{
填充物：5px10px；
背景色：rgba（255255,0.4）；
背景滤镜：模糊（20px）；
位置：固定；
底部：0；
}
身体{
背景：绿色；
}

当你滚动时，我不会消失！















“dkJa干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干干br/>


















r/>

您可以尝试使用

不透明度

关键字

所以像这样：

yourelement {
   background-color: black;
   opacity: 0.3
}

---

请您创建一个我们无法帮助您的文件，否则我们无法帮助您-据我所知，更改背景颜色以使用rgba不会将与您的问题相关的elementadded JS fiddleCode直接移动到您的问题中，以文本形式并正确格式化，或作为可执行堆栈片段，不幸的是，在这种情况下——不仅仅是放在外部平台上（而且，你的小提琴似乎无法再现你所描述的效果，至少在Chrome中，我看不到它的出现。）是行不通的。是否有一些挖掘和过滤器弄乱了固定位置的元素，但在任何地方都找不到这种行为描述。