Kelegapan CSS - kod untuk mencapai pertukaran imej translucency_Experience

Beberapa hari yang lalu, seorang rakan yang membuat reka bentuk web bertanya kepada saya soalan ini: Bagaimana untuk mencapai kesan lutsinar imej melalui CSS, dan ia boleh disokong pada kedua-dua IE dan Mozilla. Saya akan berkongsi kaedah saya dengan anda di bawah.

Gambar di bawah menunjukkan kesan ketelusan imej yang dicapai melalui CSS

Kesan ini berfungsi pada kedua-dua pelayar IE dan Mozilla, kodnya adalah seperti berikut

Dalam IE, "opacity" perlu ditakrifkan melalui "filter", manakala dalam Mozilla, "opacity" boleh dihuraikan secara langsung, jadi jika anda mahu kesan ini disokong dalam kedua-dua penyemak imbas, anda perlu menggabungkan kedua-dua Semua tetapan ditambah. Tetapan untuk IE: this.filters.alpha.opacity=50 dan tetapan untuk Mozilla: this.style.MozOpacity=0.5 Anda boleh terus menggunakan baris kod ini untuk menentukan imej. Anda hanya perlu mengubah suai alamat imej mencapainya.

Imej dengan pautan: