Seitenmaskenebene und verhindern, dass der Seitenkörper scrollt. Bootstrap-Modalbox-Prinzip_CSS/HTML

Umsetzungsideen:

1. Es muss eine Schicht vorhanden sein, die den Körper bedeckt und über dem Körper platziert wird.

2. Ändern Sie den Überlaufattributwert von body in: versteckt

Kein Unsinn mehr, der Schlüsselcode ist veröffentlicht, kompatibel mit Firefox, Google und IE

Der Stilcode der Maskenebene, der rote Teil ist der Schlüsselteil

Code kopieren Der Code lautet wie folgt:

.cover {
position:fixed; oben: 0px; unten: 0px;filter: alpha(opacity=60);
z-index: 1002; ; display:none;
opacity:0.5; -moz-opacity:0.5;
}

Code für Webseitenteil

Code kopieren Der Code lautet wie folgt:

　

　

　　Klicken Sie auf mich, um die Maskenebene anzuzeigen

　

　

JS-Teil des Codes

Code kopieren Der Code lautet wie folgt:

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