Re: marker div by id ?
Wasn't it dave@dbws.net who wrote:
>
>Hmmm, I have a case where I'm overlaying an image over the google map,
>but then want the markers to appear above the added image. theres
>always something new to try and hack ;-)
You may not be able to achieve that effect with a separate <div>, you
may need to make your image a child of the map <div>.
The behaviour of z-index layering between containers is rather more
complicated than most CSS reference guides suggest. Consider this
example, and suppose we want the green <div> to lie over the black <div>
but under the red.
<html><head></head><body>
<div style="position:absolute; left:20; top:20; background-color:black;
width:100; height:100; z-index:1;">
<div style="position:absolute; left:40; top:40; background-color:red;
width:100; height:100; z-index:3;">
</div>
</div>
<div style="position:absolute; left:40; top:40; background-color:green;
width:100; height:100; z-index:2;">
</div></body></html>
It doesn't happen. The green <div> lies on top of the black <div> and
all the children of the black <div>.
However, just when you think you're beginning to understand what's going
on, the Google API starts using negative z-index values. The behaviour
is different in different browsers. This looks very different in
FF 1.0.6 and IE 6.0:
<html><head></head><body>
<div style="position:absolute; left:20; top:20; background-color:black;
width:100; height:100; z-index:'-1';">
<div style="position:absolute; left:40; top:40; background-color:red;
width:100; height:100; z-index:3;">
</div>
</div>
<div style="position:absolute; left:40; top:40; background-color:green;
width:100; height:100; z-index:'2';">
</div></body></html>
--
The Blackpool Community Church Javascript Team
http://www.econym.demon.co.uk/googlemaps/
posted by kayzer @ 12/12/2005 03:22:00 ÖÖ
0 Comments:
Yorum Gönder
<< Home