The wonderful use of iFrame_html/css_WEB-ITnose

(Author: Glen, a senior engineer at Fanli.com, who has worked in EA and other companies)

There is a project I am working on recently - Butou Favorites. In short, it is to collect your favorite pictures on the Butou page, which uses a lot of aspects about iframe. The summary is as follows:

　1. As a pop-up layer to cover

If you do If you use that kind of black mask to cover the entire page, and it happens that the user is using IE6, and it happens that there is a select element on the page, it will cause a headache (the principle will not be repeated here). We will find that the pop-up DIV cannot cover the selection, and it is our iframe's turn to appear. The logic is as follows:

Put it into 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 iframe can cover the entire page

Part of the code

 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. Cross-domain writing cookie

There are two domains: a.com and b.com. Under certain conditions, some functions of b will appear on page a. Sometimes it is necessary to perform some operations on the cookie of b.com domain when operating page a to facilitate the user's next visit. We only need to add an iframe (dynamic or fixed) to page a, the src attribute points to a proxy page of page b, and perform cookie operations on this page.