在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;
}