Heim >Web-Frontend >CSS-Tutorial >CSS implementiert ein Popup-Dialogfeld und eine gleichzeitig angezeigte Maskenebene

CSS implementiert ein Popup-Dialogfeld und eine gleichzeitig angezeigte Maskenebene

青灯夜游
青灯夜游nach vorne
2018-10-10 15:50:243843Durchsuche

In diesem Artikel erfahren Sie, wie Sie mithilfe von CSS das Popup-Dialogfeld und die gleichzeitig angezeigte Maskenebene realisieren. Ich hoffe, dass dies der Fall ist hilfreich für Sie.

Ein aktuelles Projekt hat ein Message-Board-Popup-Dialogfeld, und dann habe ich selbst ein statisches geschrieben. Hier ist der Code:

<p class="fade"></p>
<p class="succ-pop">
	<h2 class="title">
		这里是要填写的内容
	</h2>
</p>
rrree

Wenn Sie nicht möchten, dass die Seite stillsteht Wenn ein Popup-Fenster angezeigt wird, fügen Sie einfach $('body').css('overflow-y','hidden'); hinzu.

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird. Weitere verwandte Tutorials finden Sie unter CSS-Video-Tutorial !

Verwandte Empfehlungen:

PHP-Video-Tutorial zum Gemeinwohltraining

CSS-Online-Handbuch

Div/CSS-Grafik-Tutorial

Das obige ist der detaillierte Inhalt vonCSS implementiert ein Popup-Dialogfeld und eine gleichzeitig angezeigte Maskenebene. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:cnblogs.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

In Verbindung stehende Artikel

Mehr sehen