“地图”信息框（单击图标时）未正确显示CSS

好的，我正在通过WordPress制作一个旅游博客。我做了一些小提琴，包括地图和一些桌子，它们在小提琴中工作得非常好。然而，现在我把它放在我的网站上，它是一团糟。我认为CSS的某些方面把它搞砸了，但我找不到它的位置

我遇到最多问题的页面位于此处：

问题1： 单击图标时，“地图”信息框未正确显示CSS。 小提琴在这里： 你可以看到它应该是什么样子

问题2： 当使用CHROME或iOS浏览器时，我强加的融合层没有正确显示。同样，请参考上面的小提琴。它可以正确地显示在小提琴和internet explorer中，但不能显示在chrome中。正如你所看到的，在我的网站上的某些地方，图层被扭曲了。比如，如果你在澳大利亚地图上向左滚动，比如

问题3： 在我的复选标记按钮周围，我把它们放进去的桌子上似乎有一个边框。为什么？我试着把它从桌子上移开，但它不起作用。不确定是什么CSS导致了这种情况

我想就这些了。如果有人能看看这个网站，特别是使用chrome，你就能看到问题所在

.caption-title-link {
    text-decoration:none;
    color:#41a62a;
    font-size:12px;
    font-family: verdana;
    font-weight: bold;
}

---

谢谢

1。添加填充物：10em；到.infobox，它替换当前的填充：.5em 1em。这应该会让内容更好

二,。我不太明白这个问题

三,。当前您的Td设置为

边框宽度：0 1px 1px 0

删除边框宽度并替换为边框：无

边界：无

谢谢问题1

表内。信息框底部有一个边距集。添加.infobox表{margin bottom:0}应该可以修复它。还需要调整内部的td填充。信息框。 Em值取决于字体大小，在页面中，您已将字体大小设置为1px，而在FIDLE中设置为10px。将其设置回10px应该可以解决填充问题。 问题2。哪个是熔合层

---

问题3。Border来自style.css，第412行

否，这对问题1不起作用，它是从中引入的唯一变量。infobox是背景和字体颜色。我可以将字体大小更改为1000px和1px-无更改。我添加了你的代码，但没有解决问题2。熔合层位于小提琴的第119行。它可以正确地显示在小提琴上，也可以显示在internet explorer上，但不能显示在chrome上。在我的网站上向左滚动，查看澳大利亚。看看覆盖层是如何排列的？它被扭曲了。这一定与css有关。问题3，我是否可以为这个表指定一个类，该类将覆盖第412行，就像您能够修复1和3一样。我现在没有IE，所以我无法帮助您解决问题2。是的，我一直在，因为我在表中定义类，我必须：table.infobox{}并将参数放在那里。然而，我不明白为什么JSFIDLE只允许您使用.infobox{}而不使用表。问题二快把我逼疯了。我确信这与chrome和移动浏览器如何处理我主题的css有关。看起来他们使用的是和fusion层一样的类。而真正奇怪的是IE没有这么做。没有测试过其他浏览器，但是你。可以在谷歌论坛上发布，或者在这里设置一个新问题，更好地详细说明问题。