Transparent DIV SPAN for all browsers

How to create a transparent DIV / SPAN to work in all browsers including Internet Explorer and Firefox. Internet Explorer uses filter and firefox uses moz-opacity; here’s the CSS and HTML code to use.

CSS Code

.transparent
{
   filter:alpha(opacity=60);
   -moz-opacity: 0.6;
   opacity: 0.6; 

}

HTML Code

There you have it a nice shiny semi-opaque, transparent div.

Related Articles

• 11.06.09: Changing default / index page via htaccess (0)
• 21.09.09: Lightbox / Thickbox / Menu disappears behind flash you tube video [fixed] (16)
• 20.05.09: Joomla E-mail could not be sent [FIXED] (6)
• 12.10.09: Remove Latest Messages from Magento admin (0)
• 22.09.09: Reset Session storage options in Magento (0)