The iframe frame sets the white background to transparent in IE browser

Recently, I need to frequently use iframe to draw the hierarchical framework of the page in the process of doing the project. Most browsers have no background, but iframe has a white background color by default in IE. When the main background color is not white, it will appear very abrupt in this part. The solution is given in the help manual, which is to set the allowTransparent attribute in the iframe to true. Corresponding examples are also given in the help document, as follows:

Copy code

The code is as follows:

Theoretically, there is no problem doing this, but IE doesn't seem to respond much and there is still a white background. In fact, at this step, we also need to add <body bgColor="transparent"> to the <body> tag of the subpage, as shown below:
http://img.blog.csdn.net/20140610165850968?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQva3VucGVuZ19tdWJhbw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center

main.html main page code:

Copy code

The code is as follows:

test1.html page code:

Copy code

The code is as follows:

test2.html page code:

Copy code

The code is as follows:

test3.html page code:

Copy code

The code is as follows:

This small example mainly applies the allowTransparency attribute of the iframe tag. When this attribute is set to true and the background color of the <body> tag of the subpage loaded by the iframe is set to transparent, the iframe will become transparent.

allowTransparency sets or gets whether the object can be transparent.
bgColor Sets or gets the background color of the object.

<<: Detailed explanation of Nginx passively checking the server's survival status

>>: How to generate mysql primary key id (self-increment, unique and irregular)

Mysql date formatting and complex date range query

The iframe frame sets the white background to transparent in IE browser

Mysql date formatting and complex date range query

Simply understand the writing and execution order of MySQL statements

MySQL slow query operation example analysis [enable, test, confirm, etc.]

mysql server is running with the --skip-grant-tables option

Solution to leaving gaps between BootStrap grids

Solution to win10 without Hyper-V

Vue realizes adding watermark to uploaded pictures (upgraded version)

Detailed explanation of HTML basics (Part 1)

Detailed explanation of the idea of xshell remote login to CentOS7 without password login

Simple example of using Docker container

Recommend

jQuery implements simple button color change

A brief talk about the knowledge you need to master when getting started with Vue

Detailed explanation of the use of state in React's three major attributes

JavaScript data visualization: ECharts map making

Vue2.0 implements adaptive resolution

Embedded transplant docker error problem (summary)

JavaScript lazy loading detailed explanation

A brief talk on responsive design

Basic knowledge of MySQL database

Detailed explanation of MySQL installation and new password authentication method in MySQL 8.0

Mysql Workbench query mysql database method

Example code for implementing div concave corner style with css

CSS makes the child container exceed the parent element (the child container floats in the parent container)

A brief understanding of the relevant locks in MySQL

MYSQL database basics - Join operation principle