iFrame ist eine großartige Möglichkeit, es als Popup-Ebene zu verwenden, um den Hintergrund abzudecken
|
Ich habe kürzlich an einem Projekt gearbeitet – Budou Collection. Kurz gesagt, es geht darum, die Bilder, die Ihnen gefallen, auf der Budou-Seite zu sammeln. Dabei werden viele Aspekte von iframe verwendet, die wie folgt zusammengefasst werden können: 1. Als Pop-up-Schicht zur Abdeckung des Bodens Wenn Sie schon einmal eine schwarze Maske erstellt haben, die die gesamte Seite abdeckt, und der Benutzer zufällig IE6 verwendet und sich auf der Seite zufällig ein Auswahlelement befindet, werden Sie Kopfschmerzen bekommen (auf die Prinzipien werde ich hier nicht näher eingehen). Wir werden feststellen, dass das Popup-DIV die Auswahl nicht abdecken kann. Daher ist unser Iframe an der Reihe, anzuzeigen. Die Logik ist wie folgt: Platzieren Sie ein Iframe auf derselben Ebene wie das Popup-Div Stellen Sie sicher, dass der Z-Index des Iframes kleiner ist als der Z-Index des Popup-Divs Fügen Sie Fenstergrößenänderungs- und Scroll-Ereignisse hinzu, um sicherzustellen, dass der Iframe die gesamte Seite abdecken kann Teil des Codes Code kopieren Der Code lautet wie folgt:var iframe = U.isie6() ? '<iframe style="position:absolute;left:0;top:0;z-index:2000000;filter:Alpha(opacity=0); width:100%;height:' + ds.height + '" frameborder="0"></iframe>' : ''; $container.anhängen(iframe).anhängenTo($body); 2. Domänenübergreifendes Setzen von Cookies Es gibt zwei Domänen, a.com und b.com. Unter bestimmten Bedingungen erscheinen einige der Funktionen von b auf Seite a. Manchmal müssen Sie beim Bedienen von Seite a einige Vorgänge mit den Cookies der Domäne b.com durchführen, um den nächsten Besuch des Benutzers zu erleichtern. Wir müssen lediglich ein Iframe (dynamisch oder fest) zu Seite A hinzufügen, wobei das src-Attribut auf eine Proxy-Seite von B verweist, und Cookie-Operationen auf dieser Seite durchführen. |
<<: Größe von PNG-Bildern mit CSS-Maske deutlich optimieren (empfohlen)
Artikel empfehlen
So ändern Sie Port 3389 des Remotedesktops von Windows Server 2008 R2
Die Standardportnummer des Remotedesktops des Win...
Unglaubliche CSS-Navigationsleiste unterstreiche folgenden Effekt
Der erste Cutter in China github.com/chokcoco Hie...
5 Schritte zur Implementierung der Responsive Webdesign-Methode und zum Abschied vom Wasserfallmodell (Grafik-Tutorial)
Herzlichen Glückwunsch, dass Sie Ihren Chef endli...
Detaillierte Erläuterung des Zahlungsfunktionscodes des Vue-Projekts
1. Alipay-Methode: Alipay-Methode: Klicken Sie zu...
Die Einhandregel von WEB 2.0
<br />Mein vorheriger Artikel über CSS wurde...
Grafisches Tutorial zur Installation von MySQL 5.5 unter Win7
Die MySQL-Installation ist relativ einfach. Norma...
Flammenanimation mit CSS3 umgesetzt
Ergebnisse erzielen Implementierungscode html <...
CentOS 6.5-Konfiguration: SSH-Anmeldung ohne Schlüssel zur Ausführung des PSSH-Befehls – Erläuterung
1. Überprüfen und installieren Sie pssh, yum list...
mysql IS NULL mit Indexfallerklärung
Einführung Die Verwendung von „ist null“, „ist ni...
idea verwendet Docker-Plugin, um automatisierte Bereitstellung mit einem Klick zu erreichen
Inhaltsverzeichnis Umfeld: 1. Docker ermöglicht d...
Detailliertes Tutorial zur Offline-Installation von MySQL unter CentOS7
1. Löschen Sie die ursprüngliche MariaDB, sonst k...
Mysql 5.7.18 Verwenden von MySQL proxies_priv zur Implementierung einer ähnlichen Benutzergruppenverwaltung
Verwenden Sie MySQL proxies_priv (simulierte Roll...
Das WeChat-Applet erkennt den Effekt des Wischens nach links zum Löschen von Listenelementen
In diesem Artikel wird der spezifische Code für d...
Vite führt die Implementierung virtueller Dateien ein
Inhaltsverzeichnis Hintergrund Virtuelle Dateien ...
Berechnete Eigenschaften und Listenerdetails
Inhaltsverzeichnis 1. Berechnete Eigenschaften 1....