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

• 15.07.10: Magento admin link to website (1)
• 12.10.09: Remove Latest Messages from Magento admin (0)
• 30.11.09: Multiple Image uploads in Magento (7)
• 23.03.10: How to fix Joomfish internal server error 500 (3)
• 23.06.10: Display Parent category and subcategories of current parent in Magento (1)