Hey Chad, Thanks for the response, sorry about the missing link, here it is: http://nashvillevtwx.22web.net/test.html
As you can see from the code, I'm not using the AlphaImageLoader, but the image does come up transparent at first. Once you start zooming in, eventually the opacity disappears. I have css properties set within the div, and also tried it for the img as well, but that didn't work. Not sure what's going here in IE as it works just fine in FF and Chrome. Thanks for any help. - Conor On Aug 27, 8:18 am, Chad Killingsworth <[email protected]> wrote: > 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.
