mapbox/leaflet js 地图上的粗白线

Question

我在 d3.js 中的 javascript 生成的 HTML 工具提示中嵌入了一张地图。从功能上讲，它可以工作，但是在所有缩放级别上都会出现两条白色水平线：

这些线条只有在嵌入弹出窗口时才会出现。如果我把它放在弹出窗口之外，线条就会消失。我已经检查了我的 CSS 并且没有白线会创建这个（我相信），Mapbox 的 CSS 文件中也不包含 <div id="map></div> 的任何父元素（这可能与格式）。

有什么想法吗？

Github: github.com/shaunjacobsen/divvy_savestime 测试站点：sjacobsen.com/testing/2015/bubble-chart.html

Answer 1

你的第 155 行 styles.css:

div.popup img {
    padding-bottom: 5px;
    padding-top: 5px;
}

图块也是图像，因此该规则会影响您的图块层中的图像