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
Dieser Artikel entführt Sie in die Welt der js-Datentypen und Datenstrukturen
Inhaltsverzeichnis 1. Was ist dynamische Typisier...
Auszeichnungssprache - Bildersetzung
Klicken Sie hier, um zum Abschnitt „HTML-Tutorial“...
Einführung in die wichtigsten Browser und ihre Kernel
Trident-Kern: IE, MaxThon, TT, The World, 360, So...
Detaillierte Erläuterung der Installationsbefehle für Linux-Systemsoftware basierend auf Debian (empfohlen)
Einführung in Debian Debian bezeichnet im weitere...
MySQL versteht kurz, wie "order by" funktioniert
Zum Sortieren ist „order by“ ein Schlüsselwort, d...
Beim Hinzufügen einer Windows 2008-Server-Subdomäne zu einer übergeordneten Domäne wird eine Fehlermeldung angezeigt: Die Domäne existiert bereits
Beim Hinzufügen einer Windows 2008-Server-Subdomä...
Lokale Vue-Komponentendatenfreigabe Vue.observable()-Nutzung
Wenn Komponenten detaillierter werden, treten Sit...
CSS3 erzielt verschiedene Randeffekte
Durchscheinender Rand Ergebnis: Implementierungsc...
Detaillierte Erklärung zur Verwendung neuer Methoden von HTML5 zur Manipulation von Elementklassennamen in JavaScript
Inhaltsverzeichnis 1. classList-Attribut 2. Prakt...
Zusammenfassung der schnellen Spaltenaddition bei MySQL 8.0 Online DDL
Inhaltsverzeichnis Problembeschreibung Historisch...
Installationstutorial für MySQL 5.1 und 5.7 unter Linux
Das Betriebssystem für die folgenden Inhalte ist:...
Verwenden Sie HTML, um eine einfache E-Mail-Vorlage zu schreiben
Heute möchte ich über ein „Low-Tech“-Problem schr...
Umfassender Vergleich und Bewertung des Vue-Code-Hervorhebungs-Plugins
Inhaltsverzeichnis Umfassender Vergleich Aus der ...
So verwalten Sie Docker über die Benutzeroberfläche
Docker wird in immer mehr Szenarien verwendet. Fü...
Beispiel für die Implementierung eines gestrichelten Rahmens mit html2canvas
html2canvas ist eine Bibliothek, die Canvas aus H...