Geographic Information Systems Stack Exchange is a question and answer site for cartographers, geographers and GIS professionals. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I have succeeded to show Openlayers map in my application, when i show css popup(not Openlayers Popup) map has to blank as the rest of the application. But Openlayers map is not getting blank.

What could be the problem?

Instead of Openlayers if i use Google Maps its getting blank when i show popup.

I am not using any css related to Openlayers, just i included this

share|improve this question
up vote 2 down vote accepted

The problem is, if i understand your question correctly, the z-index of the "background" of your popup compared to OpenLayers.

When you include the OpenLayers.js file it loads it's own CSS, and somewhere in there it sets the z-index of the map div to about 1000 (i think).

Try to open Firebug and find the "gray overlay" that your popup places over the page, and ramp up it's z-index.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.