Saya ingin menunjukkan cara cepat membuat latar belakang yang transparan. Jika Anda menggunakan perintah opacity dalam CSS, latar belakang tentu saja akan menjadi transparan, tetapi dengan itu juga segala sesuatu yang ada di dalamnya.
Bagaimana cara mengatasi masalah ini? Saya mencari-cari di internet dan menemukan cara yang luar biasa, yang akan saya ceritakan sekarang.
Katakanlah ini adalah situs Anda (html):
<html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <title> </title> </head> <body> <div class="mid"> <p> </p> . . </div> </body> </html>
Baris "" termasuk lembar gaya CSS.
Ini dia (ini disebut style.css):
body{ background: " " ; * background-attachment: fixed ; background-position: top center; } .mid{ width: 1250px;** margin: 0 auto; background: rgba(161,21,207, 0.5);*** }
Di kelas 3 menengah, garis menetapkan warna warna transparan dalam format RGBA. 4 digitnya, dalam hal ini 0,5, adalah nilai transparansi dari 0 hingga 1.
Sangat sederhana. Cobalah, Anda pasti akan berhasil!
* - masukkan gambar url di sini
** - atur lebar halaman (untuk ini kami membuat kelas mid dalam kode html)
*** - rgba adalah warna dalam format rgb. Huruf terakhir (a) menunjukkan transparansi latar belakang. Nilainya adalah digit dari 0 hingga 1. 0 adalah latar belakang yang sepenuhnya transparan, masing-masing, 1 adalah kebalikannya.