I recently worked in the project - Budou favorites. In short, it means collecting your favorite pictures on the cloth pocket page. This uses a lot of aspects about iframes, and the summary is as follows:
1. Paint the bottom as a pop-up layer
If you have made a black mask to cover the entire page, but the user happens to use IE6, and even more so happens to have a select element on the page, it will be a headache (the principle will not be explained here). We will find that the pop-up DIV cannot cover the select, and it is our turn to appear. The logic is as follows:
Put the iframe in the same level as the pop-up div
Ensure that the z-index of the iframe is smaller than the elastic div z-index
Add window resize and scroll events to ensure that the iframe can cover the entire page
Part of the code
Copy the code