Nama warna yang sepatutnya dipaparkan pada antara muka output ditulis dalam sifat latar belakang tersebut. Sebagai contoh, ' latar belakang: merah ” akan menetapkan warna latar belakang merah. Begitu juga, untuk memastikan latar belakang mudah atau untuk mengalih keluar warna latar belakang, “ tiada ” dan “ telus ” digunakan dalam sifat latar belakang dan bukannya nama warna.
Kedua-dua background:none dan background:transparent memaparkan hasil yang sama kerana mereka mengalih keluar latar belakang sepenuhnya. Jadi, tidak ada perbezaan besar antara kerja kedua-duanya.
Perbezaan Antara 'background:none' dan 'background:transparent' dalam CSS
' latar belakang: tiada ” dan “ latar belakang: telus ”, kedua-duanya digunakan untuk tujuan yang sama. Mereka menetapkan warna latar belakang sebagai tiada atau mengalih keluar warna dari latar belakang.
Namun begitu, jika kita berfikir secara kritis dan cuba mencari perbezaan antara mereka maka terdapat dua kemungkinan perbezaan:
- Perbezaan utama antara keduanya ialah perkataan yang berbeza dengan bilangan aksara yang berbeza di dalamnya. Jadi, ramai orang percaya bahawa apabila mereka digunakan dalam dokumen besar banyak kali di tempat yang berbeza, dokumen yang menggunakan ' latar belakang: tiada ” mungkin mengambil sedikit masa untuk disusun kerana tiada satu pun mempunyai bilangan aksara yang kurang berbanding dengan telus.
- Jika kita bercakap tentang bagaimana ia disusun, maka, ' latar belakang: tiada ” menetapkan imej latar belakang kepada tiada atau katakan mengalih keluar warna latar belakang. Sebaliknya, ' latar belakang: telus ” menetapkan warna lutsinar sebagai latar belakang teks atau keseluruhan antara muka (yang mana dirujuk dalam elemen gaya CSS).
Tetapi, jenis perbezaan ini boleh diabaikan jika kita bercakap tentang kesannya pada antara muka grafik kerana tidak akan ada perbezaan pada akhirnya.
Contoh: Menggunakan latar belakang:tiada dan latar belakang:lutsinar
Mari kita buktikan secara praktikal bahawa ' latar belakang: tiada ” dan “ latar belakang: telus ” lakukan perkara yang sama pada antara muka. Tulis coretan kod untuk mengetahui kesan sifat latar belakang CSS dengan kedua-dua tiada dan telus:
< h2 ID = 'teks' >Ini ialah teks ringkas untuk menerangkan tujuan background:none dan background:transparent
< / h2 >
Dalam coretan kod yang disebutkan di atas, terdapat tajuk yang dibuat dalam dokumen HTML dan ia telah diberikan id bernama ' teks ”.
Menambah Harta Latar Belakang CSS
Teks telah diberikan id, jadi mari kita buat pemilih id dalam elemen gaya CSS dan hanya tambahkan ' latar belakang: tiada ” harta di dalamnya:
# teks {latar belakang : tiada ;
}
Begitu juga, untuk menulis ' latar belakang: telus ” harta, tiada perbezaan kaedah. Cuma, gantikan ' tiada ” dengan “ telus ”:
# teks {latar belakang : telus ;
}
Kedua-dua ' latar belakang: tiada ” dan “ latar belakang: telus ” akan menghasilkan output yang sama:
Ini bermakna tidak ada perbezaan antara kedua-duanya dan ia disusun dengan cara yang sama.
Menambah Harta Latar Belakang Dengan Nama Warna
Sekarang, jika kita menambah nama warna dan bukannya menulis “ tiada ” dan “ telus ', output tidak akan sama seperti yang dihasilkan oleh ' latar belakang: tiada ” dan “ latar belakang: telus ”. Sebagai contoh, kami menulis nama warna dalam sifat latar belakang:
# teks {latar belakang : biru muda ;
}
Perbezaannya adalah jelas. Ia tidak memaparkan output yang sama seperti dalam kes latar belakang: tiada dan latar belakang: telus :
Ini merumuskan perbezaan antara background:none dan background:transparent.
Kesimpulan
Background:none dan background:transparent digunakan untuk mengalih keluar warna latar belakang dan untuk menetapkan warna latar belakang sebagai lutsinar, masing-masing. Tetapi, kerana kedua-duanya mempunyai kesan yang sama pada antara muka output, kedua-dua background:none dan background:transparent boleh digunakan untuk tujuan yang sama.