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
Die perfekte Lösung für die verstümmelten chinesischen Zeichen in mysql6.x unter Win7
1. Stoppen Sie den MySQL-Dienst in der Befehlszei...
Eine benutzerfreundliche Alternative in Linux (Befehl fd)
Der Befehl fd bietet eine einfache und unkomplizi...
Einfache Implementierung von HTML zum Erstellen eines persönlichen Lebenslaufs
Lebenslauf-Code: XML/HTML-CodeInhalt in die Zwisc...
Detaillierte Analyse des React Diff-Prinzips
Inhaltsverzeichnis Diffing-Algorithmus Schicht-fü...
So implementieren Sie die Ajax-Kontrolle gleichzeitiger Anforderungen basierend auf JS
Inhaltsverzeichnis Vorwort Ajax seriell und paral...
Lösung für Indexfehler in MySQL aufgrund unterschiedlicher Feldzeichensätze
Was ist ein Index? Warum einen Index erstellen? I...
Nutzerbedürfnisse führen zu marketingorientiertem Design
<br />Zu jedem unserer Themen bespricht das ...
Eine kurze Diskussion über Browserkompatibilitätsprobleme in JavaScript
Die Browserkompatibilität ist der wichtigste Teil...
Aufrufen von Baidu Map zum Abrufen von Längen- und Breitengrad in Vue
Im Projekt ist es erforderlich, den Breiten- und ...
CSS verwendet calc(), um die aktuell sichtbare Bildschirmhöhe zu ermitteln
Schauen wir uns zunächst die relativen Längeneinh...
Netzwerkmanagement und Netzwerkisolationsimplementierung von Docker-Containern
1. Docker-Netzwerkverwaltung 1. Docker-Container-...
Detailliertes Beispiel zur Installation eines FastDfs-Dateiservers mit Docker Compose
docker-compose.yml Version: '2' Leistunge...
js genaue Berechnung
var numA = 0,1; var numB = 0,2; Alarm (Zahl A + Z...
So lösen Sie das Problem der Randüberlappung
1. Zunächst müssen Sie wissen, was den vertikalen ...
Detaillierte Erläuterung der Verwaltung und Verwendung von Docker Secrets
1. Was ist Docker Secret 1. Szenariodarstellung W...