One more thing to add, at the highest 2 zoom levels (all the way in) the image disappears as well. This is also true on the google code example page at: http://code.google.com/apis/maps/documentation/javascript/examples/overlay-hideshow.html
Works great in Chrome, just not in IE (isn't that always the case!) On Aug 25, 10: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.
