ie7 and ie6 don't appear to style class names within google maps api v3
ie6 and ie7 arent picking up class styling for map overlays (google.maps.OverlayView). has anyone else had this issue and worked it out?
eg i have an overlay like:
<div class="cp-map-pin cp-map-pinTboth" style="position: absolute; left: 326px; top: 241px;">
<div class="cp-map-pi开发者_运维百科n-inner">
<div class="cp-map-pin-contents">2</div>
</div>
</div>
and ie6 and ie7 arent styling .cp-map-pin
i solved the issue! and to make a note for anyone else looking for this:
i was using the following which ie6/7 don't recognise as the class
divInner.setAttribute('class', 'classname');
i had to change it to
divInner.className = 'classname';
and it works fine
It's also worth noting that IE6 has buggy support for multiple class names in CSS: http://www.quirksmode.org/css/contents.html
精彩评论