在Safari上缩放时奇怪的图块图层行为

Question

我使用https://www.maptiler.com/生成了一个图块层，并且正在对其进行自我托管。它在Safari以外的所有浏览器上都能正常运行。在Safari上，缩放地图时，图块图层中的颜色会发生变化。

这是一个gif：

我的代码很简单：

   var habitats = L.tileLayer('/layers/habitats/{z}/{x}/{y}.png', {
        bounds:  [[-57.1764,-169.4],[83.6236,-10.7]],
      });

   // Initialize map
    var map = L.map('tracking-map', {
      center: [8.546673, -80.012051],
      // zoom: 3,
      layers: [ersiMap] // default layer the map will load with
    });

    var baseMaps = {
      // "Streets": streetMap,
      "Satellite": ersiMap,
      "Political": outdoorMap,
    };

    var overlayMaps = {
      "Habitats": habitats,
      "Agriculture": agriculture,
    };

    // Create layer control thing
    L.control.layers(baseMaps, overlayMaps).addTo(map);

我正在使用最新版本的Leaflet。我曾尝试降级到以前的版本。

*评论的答案*

这是一个“变色”的图块：

这里是我直接通过Safari访问的时间。颜色正确。

此外，在Macbook Pro上的Safari上也没有发生这种情况。仅在我的iMac（Safari 11.1.2）上