mark110384 Posted August 29, 2008 Share Posted August 29, 2008 Is there any way that u can set a google map to transparent like what you would use for Flash wmode. My aim is to allow the user to select a log in opition this then open a hidden DIV that expands to fill the whole browser with a log in box centered, however the google maps API looks as though it is layered above the hidden div? Thanks Quote Link to comment Share on other sites More sharing options...
Bricktop Posted August 29, 2008 Share Posted August 29, 2008 Not sure if this would work, but how about: Put the following just below the <BODY> tag: <div id='LoginPage'> <div id='LoginText'> Stick the form code in here and all the associated blurb. </div> </div> Use the following css code: #LoginPage { position: absolute; z-index: 100; background-color: #000; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; top: 0%; left: 0; height: 100%; width: 100%; text-align: center; line-height: 0; display: none; } #LoginText { position: relative; font-family: Verdana, Arial; font-size: 12px; top: 50%; color: #fff; text-align: center; } Then, edit the login link to be: <a href="#" onclick="document.getElementById('LoginPage').style.display = 'block';">Login Link</a> The above will cause the entire page to go an opaque black colour and have the login content in the middle of the window. I'm no Javascript expert but this works on a simple HTML page, obviously you will need to try it and modify it to suit your needs. Hope it helps. Quote Link to comment Share on other sites More sharing options...
mark110384 Posted August 29, 2008 Author Share Posted August 29, 2008 How would you close the DIV? Quote Link to comment Share on other sites More sharing options...
mark110384 Posted August 29, 2008 Author Share Posted August 29, 2008 Got it! Thanks I'll have to have real good look at it next week and integrate it into my site. Thanks again <a href="#" onclick="document.getElementById('LoginPage').style.display = 'none';"> Quote Link to comment Share on other sites More sharing options...
Bricktop Posted August 29, 2008 Share Posted August 29, 2008 No problem! Quote Link to comment Share on other sites More sharing options...
mark110384 Posted September 1, 2008 Author Share Posted September 1, 2008 Would anyone know how to make the DIV fully extend and to fill the whole browser window, for example when a user scrolls down there is a gap at the bottom of the page, it seems to work fine in FF but not in IE Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.