采取z-index:-1

时间:2019-08-07 20:50:15

标签: html css

当我执行z-index时,我想解决Google Map中的问题:-1不要激活地图,但div随心所欲...我想激活div仍在上方的地图地图

<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">

2 个答案:

答案 0 :(得分:2)

我建议使用Google提供的iframe选项,因为从CSS样式的角度来看,它可以在页面上做出响应,因此可控性要强得多。

我的意思的样本。 (不需要iframe属性的宽度和高度)

<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>

答案 1 :(得分:1)

包括元素的位置(固定,相对或绝对)等可能会有所帮助。 您还在使用什么浏览器?