cari

Rumah  >  Soal Jawab  >  teks badan

Cara menggunakan div lutsinar untuk mencapai kesan kabur latar belakang halaman

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>
P粉908643611P粉908643611485 hari yang lalu525

membalas semua(1)saya akan balas

  • P粉394812277

    P粉3948122772023-09-15 11:55:28

    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>

    balas
    0
  • Batalbalas