css 背景图片虚化效果

可以使用CSS的`filter`属性来实现背景图片虚化效果。

首先，需要将背景图片放在一个容器内，例如一个`div`元素，并将该元素的`position`属性设置为`relative`，以便在该元素内部创建一个子元素。

然后，在该子元素中设置背景图片，并将`filter`属性设置为`blur`，并指定一个模糊半径，例如：

.wrapper {
  position: relative;
  width: 100%;
  height: 500px;
  background-image: url('your-image-url');
  background-size: cover;
  background-position: center;
}

.wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('your-image-url');
  background-size: cover;
  background-position: center;
  filter: blur(8px);
  z-index: -1;
}

上述代码中，`.wrapper`元素是一个容器，其背景图片使用`background-image`属性设置。而使用`::before`伪元素来创建一个子元素，该子元素中同样设置了背景图片，但使用了`filter: blur(8px)`来实现虚化效果。此外，需要将该子元素的`z-index`属性设置为负值，以便将其置于`wrapper`元素的后面，不影响其他内容的显示。

可以根据需要调整`blur`属性的值，以实现更或更少的虚化效果。