Question

我将一个谷歌地图放在wordpress页面有一个奇怪的问题 - 缩放滑块似乎只有一半可见（请参阅图片）我认为这与wordpress'样式覆盖谷歌地图css有关，有谁知道如何解决这个问题？

提前致谢！

编辑：对于任何有同样问题的人，我在这里找到了解决方案： Google Maps zoom control

enter image description here

Answer 1

通过查看此图片很难弄清楚这里发生了什么。最好的办法是提供一些CSS，jsfiddle链接或指向有问题页面的链接。

我建议使用像Firebug这样的工具，或Chrome的网络开发者工具。然后，定位有问题的元素并检查添加到哪种CSS属性，这会改变它显示的方式。然后，您可以使用！important覆盖它们，使用！important，以便它们优先于现有的。

例如，假设您有一个这样的属性：

img {
    padding: 5px;
}

这会为页面中的所有图像添加5px填充。为了更改特定元素的内容，您可以尝试定位它并使用！important规则更改相关属性。假设元素的ID为“someelement”。然后，您可以更改违规属性，如下所示：

#someelement {
    padding: 0;
}

在上面的示例中，我们不需要！important，因为在ID上设置的属性比在窗口小部件类型上设置的属性具有更大的特异性。如果要为页面中的所有图像覆盖此规则，可以执行以下操作：

img {
    padding: 5px !important;
}

此处需要！important标志，因为您的规则与原始规则具有相同的特异性。

对于CSS优先级规则（包括特殊性和！重要性），请在此处查看：

Chrome开发者工具已与Chrome捆绑在一起。对于Firefox，您可以在此处获取Firebug：