CSS模糊整个部分，不模糊div内部

CSS模糊效果可以通过filter属性来实现。要实现模糊整个部分而不模糊div内部，可以使用CSS的backdrop-filter属性。

backdrop-filter属性可以在元素的背景和内容之间创建一个视觉效果，可以用于模糊、饱和度、亮度等效果。但需要注意的是，backdrop-filter属性目前只有部分浏览器支持，如Chrome、Safari等。

下面是一个示例代码，演示如何模糊整个部分而不模糊div内部：

<!DOCTYPE html>
<html>
<head>
  <style>
    .blur-container {
      width: 400px;
      height: 300px;
      background-image: url('background.jpg');
      backdrop-filter: blur(10px);
      border: 1px solid black;
    }
    
    .content {
      width: 200px;
      height: 150px;
      background-color: white;
      margin: 50px;
      padding: 20px;
    }
  </style>
</head>
<body>
  <div class="blur-container">
    <div class="content">
      <h1>这是一个div内部的内容</h1>
      <p>这是一些文本内容</p>
    </div>
  </div>
</body>
</html>

在上面的示例中，.blur-container类定义了一个具有模糊效果的容器，使用了backdrop-filter: blur(10px);来实现模糊效果。.content类定义了一个内部的div，它的内容不会被模糊。

需要注意的是，backdrop-filter属性的兼容性较差，不同浏览器的支持情况可能不同。在实际开发中，建议先检查浏览器的兼容性，如果需要更好的兼容性，可以考虑使用其他技术或库来实现模糊效果，如使用JavaScript或使用第三方库。