iFrame is a great way to use it as a popup layer to cover the background
|
I have been working on a project recently - Budou Collection. In short, it is to collect the pictures you like to the Budou page. Many aspects of iframe are used in this process, which can be summarized as follows: 1. As a pop-up layer to cover the bottom If you have ever made a black mask covering the entire page, and the user happens to be using IE6, and there happens to be a select element on the page, then you will have a headache (I won’t go into the principles here). We will find that the pop-up DIV cannot cover the select, so it is our iframe's turn to appear. The logic is as follows: Put an iframe at the same level as the pop-up div Ensure that the z-index of the iframe is smaller than the z-index of the pop-up div Add window resize and scroll events to ensure that the iframe can cover the entire page Part of the code Copy code The code is as follows: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.append(iframe).appendTo($body); 2. Writing cookies across domains There are two domains, a.com and b.com. Under certain conditions, some of the functions of b will appear on page a. Sometimes when operating page a, you need to do some operations on the cookies of domain b.com to facilitate the user's next visit. We only need to add an iframe (dynamic or fixed) to page a, with the src attribute pointing to a proxy page of b, and perform cookie operations on this page. |
>>: The English reading of various special symbols on the keyboard (knowledge popularization)
Recommend
Windows Server 2012 No Remote Desktop License Server can provide a license, and the remote session is disconnected
Today, when I logged into the company's inter...
Tutorial on binary compilation and installation of MySql centos7 under Linux
// It took me a whole afternoon to install this, ...
Example of utf8mb4 collation in MySQL
Common utf8mb4 sorting rules in MySQL are: utf8mb...
A brief discussion on the principle of shallow entry and deep exit of MySQL
Table of contents 1. Overview of the page 2. Infi...
Javascript front-end optimization code
Table of contents Optimization of if judgment 1. ...
Docker container custom hosts network access operation
Adding the extra_hosts keyword in docker-compose....
Vuex modularization and namespaced example demonstration
1. Purpose: Make the code easier to maintain and ...
How to use webSocket to update real-time weather in Vue
Table of contents Preface About webSocket operati...
Summary of CJK (Chinese, Japanese, and Korean Unified Ideographs) Characters in Unicode
CJK is the abbreviation of CJK Unified Ideographs...
In-depth analysis of the various backgrounds, usage scenarios and techniques of CSS
This article has been included on GitHub https://...
mysql8.0.11 winx64 manual installation and configuration tutorial
First of all, let me talk to you about my daily l...
MySQL Query Cache and Buffer Pool
1. Caches - Query Cache The following figure is p...
Web componentd component internal event callback and pain point analysis
Table of contents Written in front What exactly i...
Angular Dependency Injection Explained
Table of contents Overview 1. Dependency Injectio...
An article to show you how to create and use Vue components
Table of contents 1. What is a component? 2. Crea...