Javascript Z索引和带传单的地图

我试图在触发地图上的“单击”事件时，在传单地图前面显示一个简单的div（使用一个表单在该位置创建一个包含一些信息的点），但什么都没有发生

<div class="sixteen wide column"> 
        <p id="theMap" class="map">
              {{> mapp}}  
        </p>
        <div id="pointForm"></div>
  </div>

{{>mapp}

pointForm是应该显示的，我有一些属性来显示CSS上的一个简单框加上一个z-index=-1。 （使用语义和流星）

使用简单的div+表单还是使用popup+表单更好

---

感谢您的帮助

pointForm

在您的示例中没有显示任何内容。而且，

z-index=-1

将把div放在其他任何东西后面。我强烈怀疑你的问题在于这两点中的一点。我给了

pointForm

一些css属性，所以它看起来只是一个黑框：

#pointForm{z-index:10；宽度：50px；高度：50px；边框：3px纯黑；背景色：黑色；}

我想我现在的问题并不是我试图解决的那个问题。似乎我甚至不能把这个框和地图放在同一个地方……在一些CSS引擎中有一个bug，没有内容的div总是显示为零区域。尝试在div中添加空格或其他字符，然后查看它是否可见。嗨，根据研究，似乎默认情况下，一些传单元素的z索引为1000左右，因此，由于我只想在地图顶部添加一个div，所以我使用

z-index=2000

对其进行了样式设置，现在一切正常。