[Translation] JavaScript CSS modification learning Chapter 4: transparency settings

Document directory

• Test Results

Today, I plan to use the transparency settings of some elements to achieve the fade-out effect. However, some Browsers Do not support transparency settings for certain elements. In addition, table transparency cannot be set in almost all browsers.

Here is the test page.

Set transparency in Javascript

Use the following code to set transparency:

Function setopacity (value) {testobj. style. Opacity = value/10; testobj. style. Filter = 'Alpha (opacity = '+ value * 10 + ')';}
Use opacity in Mozilla and Safari, and use filter in IE. The value ranges from 0 to 10.
 
Test Results
IE Description: an element must have a layout to execute filter. In addition, IE6 has a strange effect on the left margin element.
 
Http://www.quirksmode.org/js/opacity.html