Javascript 传单将图像覆盖在地图下方

我有一个地图盒地图和我的传单项目的图像覆盖。我需要将图像放在地图（有透明区域）下方，但我也尝试了bringToBack（），但没有成功

代码如下：

mymap = new L.Map('map').setView([41.69906, 12.39258],5);

    L.tileLayer('https://api.mapbox.com/styles/v1/.....',
    {zIndex:90}).addTo(mymap);

var bounds = new L.LatLngBounds (
  new L.LatLng(30,-10),
  new L.LatLng(50,36));
mymap.fitBounds(bounds);


var overlay = new L.ImageOverlay("image.png" ,
  bounds, {  
  attribution: "E.U Copernicus Marine Environment Monitoring Service"
});
mymap.addLayer(overlay);
overlay.bringToBack();

---

传单文档允许将文件备份到ImageOverlay，但我假设overlay和map位于两个不同的堆栈中。

堆栈顺序由控制。您可以添加一个窗格，将其

z-index

设置在平铺层下，并将图像覆盖添加到此窗格

差不多

mymap.createPane('imagebg');
mymap.getPane('imagebg').style.zIndex = 50;

// ...

var overlay = new L.ImageOverlay("image.png" ,
  bounds, {  
  attribution: "E.U Copernicus Marine Environment Monitoring Service",
  pane: 'imagebg'
});

和演示（半透明瓷砖后面的传单徽标）

var-map=newl.map（'map'）.setView（[41.69906,12.39258]，5）；
map.createPane（'imagebg'）；
map.getPane（'imagebg'）.style.zIndex=50；
var attributes={attributes:'Map data©；contributors，'+
', ' +
“意象”}；
var tileLayer=L.tileLayer（'https://api.tiles.mapbox.com/v4/mapbox.light/{z} /{x}/{y}.png？访问令牌=pk.eyj1ijoibwwwwym94iiiiiysi6imnpejy4nxvycta2emycxbdhrqcmz3n3gifq.rjcfig214ariislb6b5aw'，属性）。添加到（地图）；
不透明度（0.7）；
变量边界=新的L.LatLngBounds(
新L.LatLng（30，-10），
新L.LatLng（50,36））；
映射边界（bounds）；
var overlay=新的L.ImageOverlay（“http://leafletjs.com/docs/images/logo.png" ,
界限，{
署名:"单张"，
窗格：“imagebg”
});
添加图层（覆盖）
html，正文{
身高：100%；
保证金：0；
}
#地图{
宽度：100%；
身高：100%；
}

仅当我在窗格中设置zIndex=1时，它才起作用。这是正确的行为吗？@FabioMarzocca奇怪，正如您在最低的
zIndex
中所看到的，如果您没有修改它们，那么瓷砖层应该是200。可能是CSS属性/更改索引的剩余修改？DOM检查员应该告诉你发生了什么是的，无论如何我不太在乎。它正在工作，谢谢！这是DOM检查员告诉我的。传单平铺窗格的zIndex=2 parentStackingContext:“div.传单窗格.传单地图窗格”z索引：2