


Bagaimanakah Saya Boleh Mencipta Tindanan Separa Lutsinar Kabur Menggunakan CSS?
Nov 29, 2024 pm 02:53 PMMemohon Kesan Kaca/Kabur CSS pada Tindanan
Isu:
Mencipta div tindanan separa telus dengan latar belakang kabur untuk mengaburkan elemen di belakangnya. Walau bagaimanapun, kod CSS semasa (dengan kesan penapis) gagal menghasilkan hasil yang diingini.
CSS:
#overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background:black; background:rgba(0,0,0,0.8); filter:blur(4px); -o-filter:blur(4px); -ms-filter:blur(4px); -moz-filter:blur(4px); -webkit-filter:blur(4px); }
Penyelesaian:
Untuk mencapai kesan yang diingini, pertimbangkan untuk menggunakan sifat CSS penapis latar belakang. Kaedah ini lebih mudah dan menyediakan sokongan merentas penyemak imbas yang lebih baik:
#overlay { backdrop-filter: blur(6px); }
Nota: Sokongan penyemak imbas untuk penapis tirai latar tidak universal, tetapi ia harus berfungsi dalam kebanyakan penyemak imbas moden. Dalam kes di mana pengaburan tidak penting, alternatif ini boleh memberikan penyelesaian yang boleh dipercayai.
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencipta Tindanan Separa Lutsinar Kabur Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Menambah bayang -bayang kotak ke blok dan elemen WordPress

Buat borang hubungan JavaScript dengan rangka kerja pintar

Buat editor teks sebaris dengan atribut yang boleh dipertikaikan

Menjadikan Peralihan Svelte Khas pertama anda

Membandingkan 5 Pembina Borang PHP Terbaik (dan 3 skrip percuma)

Muat naik fail dengan multer di node.js dan ekspres
