If you could post a link that would help. I don't remember having to do different filters for IE8 vs. older IE versions though - looking through my code the alpha(opacity=50) works for both. However, you can't combine filters. So if you are applying the AlphaImageLoader filter for png transparency, you have to apply the opacity filter to a parent element.
And in all cases, the element must have the hasLayout flag set by using one of the triggering CSS properties (position, height&width, zoom, etc). Chad Killingsworth On Aug 25, 9:17 pm, vtsnwbrdr <[email protected]> wrote: > Hi everyone, > > I'm developing a page where I have created a custom overlay using the > instructions > here:http://code.google.com/apis/maps/documentation/javascript/overlays.ht... > > The one change I made was to apply an opacity to the div which works > fine at the outer zoom levels. But upon zooming into the map image, > the image eventually loses it's opacity. I've seen some feedback on > similar problems with IE, and especially IE8, so I tried emulating IE7 > but to no avail. > > Here's a snippet of my code where I define the div opacity > // Create the DIV and set some basic attributes. > var div = document.createElement('DIV'); > div.style.border = "none"; > div.style.borderWidth = "0px"; > div.style.position = "absolute"; > div.style.opacity = "0.5"; // for FF, Chrome, etc > div.style.filter = > "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // for IE8 > div.style.filter = "alpha(opacity=50)"; // for older IE > > Any ideas? -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
