Saya mempunyai kod untuk halaman web dan saya mahu mengaburkan latar belakang melalui div lutsinar. Saya sebenarnya mahu menjadikan div separa telus.
Saya cuba menambah CSS penapis kabur pada div, tetapi hasilnya ialah teks di dalam div juga kabur, yang bukan yang saya mahukan.
<body style="background-image: url('bg.jpg')">
<div>
Some text
</div>
</body> 
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Cuba yang berikut, menggunakan 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>