Cumulus Support

After adding transparency (opacity) to my web page, I struggled to get it working correctly in IE, but worked no problem in other browsers.

I thought I would share the code I added to the CSS file to enable transparency to work with all browsers to save you the headache if you wish achieve this affect:

}
.td_wind_data {


background-color: #F9EDE1;
width: 100%;
zoom: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter:alpha(opacity=60);
opacity:0.6;
}

The coloured code can be added to any section you wish to make transparent and all you have to do then is change the 60 or 0.6 value to achieve your overall outcome.

You may find this useful too:
http://www.w3schools.com/css/css_image_transparency.asp

Funnily enough, that website was my first source for learning about opacity. However, it did not work in IE for me, so I had to add the width and zoom lines which corrected it.

Thanks anyway for the link.