SilverStripe 上的地图视图传单

Question

我使用传单在 SilverStripe 4 上工作，我的卡片显示这些灰线：

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

Answer 1

灰色线条是由于您的网站 css 在您的图片中添加了边框造成的。

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

img {
    border: 4px solid #d7d7d7;
}

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

解决问题的几个选项是：

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

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

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