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

• An in-depth analysis of the Bootstrap list group component
• Detailed explanation of JavaScript function currying
• Complete example of JS password generation and strength detection (with demo source code download)
• Angularjs integrates WeChat UI (weui)
• How to quickly switch between Traditional Chinese and Simplified Chinese with JavaScript and the trick for websites to support switching between Simplified and Traditional Chinese_javascript skills