Question

好的，我正在通过wordpress制作旅游博客。我做了一些小提琴，包括地图和一些在小提琴中完美运作的桌子。但是，现在我把它放在我的网站上 - 它搞砸了。我认为与css有关的事情搞砸了 - 但我无法找到它。

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

问题（1）：地图信息框（单击图标时）未正确显示css。小提琴在这里：http://jsfiddle.net/4V7en/4/ 你可以看到它看起来像什么。

问题（2）：使用CHROME或iOS浏览器时，我强加的融合层无法正确显示。再说一遍，请参考上面的小提琴。它在小提琴和互联网浏览器中正确显示 - 但不是铬。如您所见，我的网站上的某些地方的图层会扭曲。（例如，如果你在澳大利亚的地图上向左滚动 - 例如）

问题（3）：在我的复选标记按钮周围，我把它们放在桌子上似乎有一个边框。为什么！？！我试图在表（等）中删除它，但它不起作用。不确定是什么导致了这个问题！

我认为就是这样。如果有人可以查看该网站，特别是使用chrome，您将能够看到问题。

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

谢谢！

Answer 1

1。添加填充：10em;到.infobox，取代填充：.5em 1em当前。这应该使内容更好。

2。不太明白这个问题

3。目前您的Td设置为

border-width：0 1px 1px 0;

删除border-width并替换为border：none

border：none;

由于

Answer 2

问题1.

里面的表.infobox有一个底边设置。添加.infobox table { margin-bottom: 0 }应该修复它。调整.infobox内部的td填充也是必要的。
Em值取决于font-size，在您的页面中，您将font-size设置为1px（与Fiddle相比，它是10px）。将其设置回10px应该可以解决填充问题。

问题2.哪个是融合层？

问题3.边框来自style.css，第412行