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.html#CustomOverlays
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.
