Di manakah atribut ketelusan dalam css

下次还敢
Lepaskan: 2024-04-28 12:33:13
asal
970 orang telah melayarinya

Sifat ketelusan dalam CSS digunakan untuk mengawal ketelusan elemen, iaitu sejauh mana ia membenarkan cahaya melaluinya. Sintaksnya ialah: kelegapan: , yang boleh menjadi nombor titik terapung antara 0 (lutsinar sepenuhnya) dan 1 (legap sepenuhnya), atau 0.0 atau 1.0. Atribut ini disokong secara meluas oleh semua pelayar utama.

Di manakah atribut ketelusan dalam css

Harta Ketelusan dalam CSS

Dalam CSS, sifat ketelusan digunakan untuk mengawal ketelusan sesuatu elemen, iaitu, sejauh mana ia membenarkan cahaya melaluinya. Sintaksnya ialah:

<code class="css">opacity: <value>;</code>
Salin selepas log masuk

Antaranya, <value> boleh menjadi nilai berikut: <value> 可以是以下值:

  • 透明: 0 或 0.0,完全透明,看不到元素
  • 不透明: 1 或 1.0,完全不透明,可以看到整个元素
  • 介于 0 和 1 之间的浮点数: 指定元素的透明度百分比,例如 0.5 表示 50% 透明

透明度值的示例:

  • opacity: 0.5; 将元素设置为 50% 透明
  • opacity: 0.25; 将元素设置为 25% 透明
  • opacity: 1;

Telus: 0 atau 0.0, telus sepenuhnya, tiada unsur boleh dilihat

:

1 atau 1.0, legap sepenuhnya, keseluruhan elemen boleh dilihat

Nombor titik terapung antara 0 dan 1:

Menentukan peratusan ketelusan elemen, cth. 0.5 bermaksud 50% nilai telus
  • :
  • opasiti: 0.5; Tetapkan elemen kepada 50% ketelusan
opacity: 0.25; Tetapkan elemen kepada 25% ketelusan 🎜🎜opacity: 1; code> Tetapkan elemen menjadi legap sepenuhnya 🎜🎜🎜🎜Sokongan penyemak imbas: 🎜🎜🎜Harta ketelusan disokong secara meluas oleh semua penyemak imbas utama, termasuk Chrome, Firefox, Safari dan Edge. 🎜🎜🎜Nota Penggunaan: 🎜🎜🎜🎜Atribut ketelusan boleh digunakan pada mana-mana elemen HTML. 🎜🎜Untuk elemen imej, sifat ketelusan mempengaruhi keseluruhan imej. 🎜🎜Harta ketelusan boleh digabungkan dengan sifat lain seperti warna latar belakang untuk mencipta pelbagai kesan visual. 🎜🎜Berhati-hati apabila menggunakan atribut ketelusan, ia boleh menjejaskan prestasi halaman, terutamanya apabila menggunakan nilai ketelusan yang lebih tinggi. 🎜🎜

Atas ialah kandungan terperinci Di manakah atribut ketelusan dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!