Use CSS to manage the transparency of pictures in Web pages across browsers

css| Browser | transparent | Web page

In the Web page production process, we will want to use CSS to manage the transparency of the picture, but the use of CSS to manage the picture according to different browsers to set. This tutorial is just the tip of the iceberg to remind you that when you use DIV+CSS to make a Web page, the end result should be tested at least in two different browsers.

This tutorial is for the most current browsers to explain.

Firefox:

In Firefox, style sheet CSS is-moz-opacity:xx to show transparency, XX is a number between 0 to 1 code as follows:

Effect (if you use Firefox should see):

Ie:

In IE, style sheet CSS is implemented with filters: Filter:alpha (opacity=xx) where xx is a number from 0 to 100. The code is as follows:

The effect is as follows:

The code that can be implemented in both Firefox and IE is as follows:

The effect is as follows: