CSS Transparency

Modern browsers today supports this cool feature of CSS. Transparent elements on the web add highlights and hide unnecessary stuffs on the web. We can also use this on hover states of our navigation.

For a normal situation, Internet Explorer won’t allow us to use this amazing CSS transparency easily.

Transparent CSS for IE

Opacity for Modern Browsers

As a result, we can have the best cross browser compatibility using the CSS code below:

Complete Opacity CSS Code

Note: The opacity on the sample code above is set to 50%. You can change it freely.