CODEWITHSUNDEEP
htmlcss
user11898359
user11898359

Reputation:

google map don't active when take z-index:-1

I want to solve the problem in Google Map when I do z-index: -1 Do not activate the map but the div is above the map as I want ... I want to activate the map with the div remains above the map

<div id="map" style="z-index: -1;"></div>

<div id="filter-div-for-sale-mobile" style="transform-origin: left 78.5px;top: 39px;left: -273.61px;width:360.5px;" class="zsg-popover_arrow-up zsg-popover-adjustable popover-thick-top popover-no-close popover-visible filter-button-popover listing-type-popover">

Upvotes: 1

Views: 80

Answers (2)

Nompumelelo
Nompumelelo

Reputation: 957

It could be helpful to include the position of your element (fixed,relative or absolute ) etc. Also what browser are you using?

Upvotes: 1

Jordan H.
Jordan H.

Reputation: 59

I would recommend using the iframe option provided by Google as it is much more controllable in regards to the CSS styling perspective of making it responsive on a page.

Sample of what I mean. (the width and height for the iframe attribute aren't required)

<iframe width="600" height="450" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/view?zoom=10&center=51.5074%2C-0.1278&key=..." allowfullscreen></iframe>

Upvotes: 2

Related Questions