Solution to IE 6/7/8/9 parsing exception caused by using filter to set transparency_javascript skills

As follows

Copy the code The code is as follows:

Use IE developer tools, or the developer tools that come with IE8. The structure is as shown in Figure 1:

In the red circle, you can see that the inline styles width, height, and background added to the div are arranged in order. normal!

But after adding filter:alpha(opacity=20) to the div,

Copy the code The code is as follows:

The situation has changed, as shown in Figure 2:

As shown in the red circle, width and filter are squeezed into one line. Under normal circumstances, width should start on a new line.
Some people may say that this is just the developer tools not displaying correctly, as long as it does not affect the correct rendering of page elements.
Indeed, in IE6/7/8/9, the width, height, background color and transparency of this element can be rendered and displayed as expected by the settings. As shown in the picture:

In addition, the above phenomenon will also occur if the style is written in the style tag or in the css file.

Looking at the JS settings filter again, the situation is slightly different. The code is as follows:

Copy code The code is as follows:

in IE 6/7/8/9

View the structure in IE, the effect is as shown in Figure 2, that is, filter and width are on one line.

Pay attention to the last js code in the above html

Copy the code The code is as follows:

d1.style.filter = 'alpha(opacity=20)';

There is no semicolon after the right parenthesis. Now change the sentence slightly (it is indeed a slight change, just add a semicolon)

Copy the code The code is as follows:

d1.style.filter = 'alpha(opacity=20);';

That is, a semicolon ";" is added after the parentheses. At this time, view the IE developer tools as shown in Figure 3:

Encircled in red, you can see four css attributes background, filter, height and width displayed on a separate line. There is no filter and width displayed on one line like in Figure 2.

PS: Many popular JS libraries do not add the semicolon after alpha (opacity=20) to set transparency.