CSS 图片背景高斯模糊实现方法

要为图片背景应用高斯模糊效果，可以使用 CSS 中的 'filter' 属性。具体来说，可以使用 'blur' 函数来实现高斯模糊效果。以下是一个示例代码：

.blur-image {
  filter: blur(10px); /* 调整模糊程度，10px表示10像素的模糊效果 */
}

在上面的代码中，'.blur-image' 是一个类选择器，你可以将其应用于任何你想要实现高斯模糊效果的图片元素上。通过将 'filter' 属性设置为 'blur(10px)'，可以将图片的背景模糊化。

请注意，'filter' 属性可能不受所有浏览器的支持，特别是一些旧版本的浏览器。因此，为了获得更好的兼容性，你可能需要添加一些供应商前缀，如 '-webkit-filter' 和 '-moz-filter'。以下是一个带有供应商前缀的示例代码：

.blur-image {
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  filter: blur(10px);
}

这样一来，就可以确保在大多数现代浏览器中都能够应用高斯模糊效果。