Ich habe den Code für eine Webseite und möchte den Hintergrund durch ein transparentes Div verwischen. Eigentlich möchte ich das Div halbtransparent machen.
Ich habe versucht, dem Div einen Unschärfefilter-CSS hinzuzufügen, aber das Ergebnis ist, dass der Text innerhalb des Div ebenfalls unscharf ist, was nicht das ist, was ich möchte.
<body style="background-image: url('bg.jpg')">
<div>
Some text
</div>
</body> 
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
尝试以下操作，使用CSS的
backdrop-filter: blur属性，并更改background-color的opacity：<head> <style> body { background-image: url('bg.jpg'); } .translucent-div { background-color: rgba(255, 255, 255, 0.5); backdrop-filter: blur(10px); width: 300px; height: 200px; margin: 50px auto; padding: 20px; } </style> </head> <body> <div class="translucent-div"> 一些文本 </div> </body>