css - 谷歌地图中的 ghost DIV 创建可点击的阴影

标签 css google-maps-api-3

我有我的第一个网站 :),快准备好了。 有几个小问题我花了好几天都看不到解决方案。 带有自定义谷歌信息气泡的自定义谷歌地图创建了这个创建可点击阴影的div ... 请看下面我没有在导航栏右侧的“cadastro”一词下方创建的幽灵 DIV:

<div id="eccaption_0" class="eccaption" style="position: absolute; display: block; background-color: black; color: white; top: 63px; left: 708.328125px; width: 158px; opacity: 0.5;"><p></p></div>

这是页面:braaasil.com 如果你点击 cadastro,则没有鬼影。如果你点击“Sem Fronteiras”,你会看到同样的小幽灵。在过去 7 个月左右的时间里,我已经学会了使用 Firebug 的方式,但是这个小问题有点超现实...... 好像跟infobubble有关,但是找不到问题的根源。它可以在 Firebug 控制台中“修复”,但不能在真实代码中......因为没有这样的 div ..另外,我在 img 标签中有 alt= 标志,我可以用这个词来设置半透明的 div标志在那里。一旦我从 img 中删除了“alt”参数,我就得到了瘦身 div。

任何帮助将不胜感激。

最佳答案

div 是以下 HTML block 的子元素 -

<div id="navig" style="position:absolute; top:11px; left:51%">  
    <ul>
        <li id="navigation">
            <a href="index.html">
                <span>
                    <div id="eccaption_0" class="eccaption" style="position: absolute; display: block; background-color: black; color: white; top: 63px; left: 708.328125px; width: 158px; opacity: 0.5;">
                    <p></p>
                    </div>
                    <img src="images/logo1.fw.png" id="ecimage_0">
                </span>
            </a>
        </li>       
    </ul>
</div>

查看您的 HTML,您应该会在那里找到它或者正在创建它。

顺便说一句,我使用的是 Chrome,右键单击并单击“检查元素”会向我显示您的 HTML,同样的事情应该适用于 FireFox。

关于css - 谷歌地图中的 ghost DIV 创建可点击的阴影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18086569/

相关文章:

html - 居中一个元素和一个向右

反向缩进的 CSS?

javascript - 根据其标记缩放和居中 Google map (JavaScript API V3)

html - z-index 在此页面中不起作用

html - 如何使网站上的文字看起来是手写的,但不可读

javascript - 基于下拉选择的信息框

javascript - 有没有办法在 Google Maps API 中使用 3D Views 或 3D Perspective?

javascript - 将 mouseevent 传递给 googlemaps 事件监听器

javascript - 使用 Google Maps API v3 中的 Sprite 标记图标缩放标记大小

javascript - 我只想显示特定地理定位半径内的标记?