Javascript 如何在电子产品中使用背景滤光片？

我目前正在尝试在electron.js中使用一个背景滤镜，以创建一个模糊的背景效果，该效果将在动态元素上工作，而不仅仅是在单个背景图像上

由于stable chrome目前不支持该功能，所以我将其作为一个实验性功能，正如在《极简》中提到的那样。他没有提到CSS规则的“前缀”，但没有提到什么或提供任何其他上下文，所以我不清楚他在说什么

我正在使用以下工具创建我的电子窗口：

function createWindow () {
  win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      experimentalFeatures: true
    }
  })
}

据我所知，这应该能够实现实验特性。然后尝试使用简单的CSS规则在vue组件中使用它：

<style scoped>
  .blurred-box{
    backdrop-filter: blur(10px);
}
</style>

.模糊盒子{
背景滤镜：模糊（10px）；
}

现在什么都不做。我是不是做错了什么？这在现代版本的electron中仍然可能吗？如果不是的话，是否可以通过其他实验性眨眼功能实现

---

我承认在某种程度上担心它可能会被弃用，因为我似乎也无法从github上运行其他演示。

首先，您使用的是什么版本的Electron。第二，页面是否直接加载到浏览器窗口，或者中间是否也有一个网络视图中间不应该有一个网络视图，这是一个SPA。我正在使用Vue.JS组件，但由于它们都加载到同一个视图中，我无法想象它们无法访问相同的选项？至于电子版，我在版本4上。你能在devtools中的元素上看到这种样式吗？（样式的范围是否正确…）似乎看到它存在，是的：。其实不是。。。显示任何内容。前缀指的是

webkit-

前缀。他说不要用那个（你不是）。基于图像，将应用样式。你有没有可能误解了它的作用？从一个元素或背景来看，需要是透明的。是这样吗？首先，你用的是什么版本的电子。第二，页面是否直接加载到浏览器窗口，或者中间是否也有一个网络视图中间不应该有一个网络视图，这是一个SPA。我正在使用Vue.JS组件，但由于它们都加载到同一个视图中，我无法想象它们无法访问相同的选项？至于电子版，我在版本4上。你能在devtools中的元素上看到这种样式吗？（样式的范围是否正确…）似乎看到它存在，是的：。其实不是。。。显示任何内容。前缀指的是

webkit-

前缀。他说不要用那个（你不是）。基于图像，将应用样式。你有没有可能误解了它的作用？从一个元素或背景来看，需要是透明的。是这样吗？