Cross-Browser CSS Opacity

The ability to make a div element opaque using CSS is useful for creating aseptically pleasing websites and effects. The following code can be used on any CSS element.

Cross-Browser Code

Working ExampleIn this example a div element (.box) is centered on the screen using the margin auto code. It is then told its size, width and background color. Finally the element is told to be transparent in IE, Firefox Safari and Konqueror using the code depicted above.

HTML code

CSS code