Как вставить картинку( svg path) сверху фонового изображения?

Question

[Evtera]

Здравствуйте. Есть карта, на неё нужно повесить слоями изображения по координатам. С координатами разобрался, но не могу вставить само изображение, как именно вставлять по координатам нужную мне картинку? img/src?

<div class="map">
    <svg  viewBox="0 0 2554.6667 1066.6667">
        <path  class="map__city" d="m 599.73491,37.461951   z">
        </svg>

<--- Это фоновая картинка. На неё сверху нужно вешать слои --->
    <img  class="map__bg" src="./img/map/cleanMap.png" alt="">
  </div>

Answer 1

[Амир Давлатов]

Через z-index. Допустим у фонового z-index: 1;, а у изображения сверху x-index: 2;
Если я все правильно понял, то вот так

Comments

[Evtera]

А как указывать путь к изображению сверху? где указывать этот самый src

[Амир Давлатов]

Evtera, наверное выше фона

Answer 2

[drawnofmymind]

хм,а если так

.map{
 bacokround: url("./img/map/cleanMap.png");
background-position: 100px  100px
}

Comments

[Evtera]

Эта картинка идёт фоном. Её никуда двигать не нужно. Наоборот, на неё сверху нужно вешать другие картинки

[Максим]

Evtera, я не понял background или тегом img ?

[Evtera]

Максим Ленский, картинка снизу идёт img, но это не принципиально. Мне на неё сверху нужно как-то навешать кучу других картинок заданных по нужным мне координатам

[drawnofmymind]

Evtera, position absolute и z-index тогда

[Максим]

Evtera, ну тогда - абсолютное позиционирование