Rumah >hujung hadapan web >tutorial css >Lapisan topeng halaman dan menghalang badan halaman daripada menatal. Prinsip kotak modal Bootstrap_CSS/HTML

Lapisan topeng halaman dan menghalang badan halaman daripada menatal. Prinsip kotak modal Bootstrap_CSS/HTML

WBOY
WBOYasal
2016-05-16 12:03:363188semak imbas

Idea pelaksanaan:

1. Perlu ada lapisan untuk menutup badan dan meletakkannya di atas badan.

2. Ubah suai nilai atribut limpahan badan kepada: tersembunyi

Tiada lagi perkara karut, kod kunci disiarkan, serasi dengan Firefox, Google dan IE

Kod gaya lapisan topeng, bahagian merah adalah bahagian utama

Salin kod Kod adalah seperti berikut:

.cover {
kedudukan:tetap ; atas: 0px; kanan: 0px; bawah: 0px;penapis: alpha(opacity=60); ;
paparan:tiada;opacity:0.5; -moz-opacity:0.5;}


Kod untuk bahagian halaman web

Bahagian JS kod

function showMask(){
$ ('body ').css("overflow","hidden")
$("#cover").show();
}


Kenyataan:
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