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.
Welcome to the Cumulus Support forum.
Latest Cumulus MX V4 release 4.4.2 (build 4085) - 12 March 2025
Latest Cumulus MX V3 release 3.28.6 (build 3283) - 21 March 2024
Legacy Cumulus 1 release 1.9.4 (build 1099) - 28 November 2014
(a patch is available for 1.9.4 build 1099 that extends the date range of drop-down menus to 2030)
Download the Software (Cumulus MX / Cumulus 1 and other related items) from the Wiki
If you are posting a new Topic about an error or if you need help PLEASE read this first viewtopic.php?p=164080#p164080
Latest Cumulus MX V4 release 4.4.2 (build 4085) - 12 March 2025
Latest Cumulus MX V3 release 3.28.6 (build 3283) - 21 March 2024
Legacy Cumulus 1 release 1.9.4 (build 1099) - 28 November 2014
(a patch is available for 1.9.4 build 1099 that extends the date range of drop-down menus to 2030)
Download the Software (Cumulus MX / Cumulus 1 and other related items) from the Wiki
If you are posting a new Topic about an error or if you need help PLEASE read this first viewtopic.php?p=164080#p164080
Transparency Issue with IE.
Moderator: daj
-
Regal_Bhoy
- Posts: 11
- Joined: Tue 03 Jan 2012 6:14 pm
- Weather Station: Maplin N96FY
- Operating System: Windows Vista
- Location: Reading, Berkshire
- Contact:
- GraemeT
- Posts: 312
- Joined: Wed 21 Oct 2009 11:19 am
- Weather Station: La Crosse WS-2355 & WS-2306
- Operating System: Windoze 7, 10, 11
- Location: Bayswater, Australia
- Contact:
Re: Transparency Issue with IE.
You may find this useful too:
http://www.w3schools.com/css/css_image_transparency.asp
http://www.w3schools.com/css/css_image_transparency.asp
Cheers,
Graeme.
Graeme.
-
Regal_Bhoy
- Posts: 11
- Joined: Tue 03 Jan 2012 6:14 pm
- Weather Station: Maplin N96FY
- Operating System: Windows Vista
- Location: Reading, Berkshire
- Contact:
Re: Transparency Issue with IE.
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.
Thanks anyway for the link.