Css 使用'；背景滤镜'；和'；填充或边框半径'；不'；我不能正常工作

我正在写一个工具提示，想要一个工具提示的模糊背景。当我添加一些“padding，border radius”属性时，它工作不正确

图1：不正确

这是一个不模糊的区域

图2：删除了填充，边框半径

尝试无角度（W3学校） 我已经试过了，但没有角度，看起来也不对。 如果您在左上角看到，您将看到它不是模糊的

c1.component.css

#工具提示{
/*添加模糊效果*/
背景滤镜：模糊（8px）；
-webkit背景滤镜：模糊（8px）；
/*性质*/
位置：绝对位置；
左：467px；
高度：自动；
背景色：rgba（255、255、255、0.788）；
盒影：4px4x10pxRGBA（0,0,0,0.4）；
指针事件：无；
不透明度：1；
过渡：0.13s；
}

我不知道为什么角度中的代码显示一些不模糊。有一些方法可以处理不模糊区域

Stackblitz演示1：也错了吗 由于@Gosha_Fighten提供了stackblitz项目，问题仍然如下图所示

图3：放大

图4：宽度自动调整

图5：宽度固定为150px（正常）

图6：顶部仍不模糊

---

哪些区域不模糊？样本是否再现了问题？你能给我指一下这个地方吗？@Gosha_Fighten在左上角你会看到的。我已经拍了一张照片给你看。W3School Demo也是错误的如果你在左上角放大它太小以至于看不见请看W3School的屏幕截图你会看到衬衫纹理在角落的顶部对我来说是如此清晰你的浏览器是什么？Chrome 77.0.3865.90在我这边。你的意思是在左上角没有阴影吗？@chatdev你有没有确定这一问题的根本原因并解决这个问题？