Rumah >hujung hadapan web >tutorial css >Mengapa Kotak Separa Lutsinar Bertindan Menunjukkan Warna Berbeza Bergantung pada Pesanannya?
Kotak Separa Lutsinar Bertindan Mempamerkan Variasi Warna Bergantung Tertib
Apabila menyusun dua kotak separa lutsinar, warna akhir yang diperhatikan berbeza berdasarkan susunan susunan. Fenomena ini berlaku disebabkan oleh gabungan warna yang berbeza-beza dalam setiap kes.
Penjelasan Perbezaan Warna
Dalam kes pertama, kotak atas (dengan 50% kelegapan) mengandungi warna biru dan membolehkan kotak bawah menyumbang 50% warna merah. Oleh itu, warna keseluruhan adalah gabungan 50% biru dan 25% merah (kerana baki 50% merah dikaburkan oleh biru).
Namun, dalam kes kedua, kotak diterbalikkan. Kini, kotak atas mempunyai 50% kelegapan untuk merah dan membenarkan kotak bawah menyumbang 50% warna biru. Kesan keseluruhan adalah gabungan yang berbeza: 50% merah dan 25% biru. Oleh kerana perkadaran tidak sama, warna kelihatan berbeza.
Mencapai Ketekalan Warna
Untuk mendapatkan warna yang sama tanpa mengira susunan kotak, perkadaran warna dalam setiap lapisan mestilah sama. Dalam erti kata lain, lapisan atas harus membenarkan bahagian yang sama warna lapisan bawah melaluinya.
Sebagai contoh, pertimbangkan persediaan berikut:
Dalam senario ini, kedua-dua lapisan membenarkan 25% daripada warna lain ditunjukkan. Oleh itu, tanpa mengira susunan, warna yang terhasil adalah sama (campuran 25% biru dan 75% lutsinar).
Atas ialah kandungan terperinci Mengapa Kotak Separa Lutsinar Bertindan Menunjukkan Warna Berbeza Bergantung pada Pesanannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!