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
Lepaskan: 2016-05-16 12:03:36
asal
3171 orang telah melayarinya

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();
}


Label berkaitan:
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