leaflet - SilverStripe 上的地图视图传单

Question

我使用传单在 SilverStripe 4 上工作，我的卡片呈现这些灰色线条：

我在 CSS 和 JS 上尝试了很多东西，但没有任何改变。有人可以建议如何抑制这些灰线吗？

Answer 1

灰线是由您的网站 css 为您的图像添加边框引起的。

如果您检查标记img元素，您会看到有一些imgcss 添加了边框。类似于以下内容：

img {
    border: 4px solid #d7d7d7;
}

这是一个重现问题的演示： https ://jsfiddle.net/5jbgyeq0/

解决问题的几个选项是：

1. 删除那个CSS
2. 使 css 更具体，使其不适用于地图图像
3. 添加一些 css 以删除地图窗格图像上的边框

以下是一些用于删除地图窗格图像边框的 css 示例：

.leaflet-map-pane img {
    border: none;
}