Yerleşimi görüntü çiziminin başına (SVG)

Question

Grafiksel olarak bir grafiksel çizimim vardır, grafiksel olarak oluşturulur (bir SVG öğesidir). Bunun üstündeki bir resmin üstesinden gelmek istiyorum, ama nasıl yapılacağını anlayamıyorum. Arka plan görüntüsü CSS özelliğini div üzerinde görüntüye ayarlamayı denedim, ancak görünmüyor. Bunu nasıl yapabileceğimi bilen var mı?

Answer 1

Basit Yerleşimi ...

JSFiddle

Kodu:

<div class="wrapper"> 
    <div class="ploty"> 
    <img src="http://placehold.it/500x300" /> <!-- This would instead be your chart --> 
    </div> 
    <img class="overlay" src="http://lorempixel.com/400/200/food/1/" /> 
</div> 


.wrapper { 
    position: relative; 
} 

.overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
} 

Bu div.wrapper sol üst köşesinde img.overlay konumlandırır. Böyle top ve left özelliklerinin değerlerini değiştirerek her yerde istediğiniz yerleştirebilirsiniz:

.overlay { 
    position: absolute; 
    top: 20px; 
    left: 50px; 
}