이미지 위에 이미지를 HTML로 저장할 수 있습니까?

Question

이미지 위에 이미지를 HTML로 저장할 수 있습니까?

이미지 위에 a.jpg라고 말하면 b.jpg라고 말하고 싶습니다. 제발 가능하지 않은 경우에만 말해 줄 수있다.
CSS?

그렇다면 어떻게 될까요?

Answer 1

Reference

<img style="background:url(imageURL)" src="imageURL"/> 

당신은 두 개의 이미지를 겹쳐 위치를 사용할 수 JSBin

Answer 2

예?

<div> 
    <img src="" class="a"> 
    <img src="" class="b"> 
<div> 

div { 
position:relative; 
} 

.a { 
    position:absolute; 
    z-index:1; 
    top:0; left:0; 
} 

.b { 
    position:absolute; 
    z-index:2; 
    top:0; left:0; 
} 

B 이미지가 겹칩니다.

Answer 3

정확하게 위치를 지정하는 가장 좋은 방법은 (div 스타일 = "위치 : 상대")에 모든 것을 래핑 한 다음 "위치 : 절대"와 상대적인 위와 왼쪽 위치를 사용하는 것입니다 주변 div 있습니다. 브라우저 창의 크기를 조정하여 상대 div가 페이지의 다른 위치로 이동하는 경우 위치 내의 위치를 ​​포함한 모든 내용이 절대 위치 이동합니다. 이 같은

뭔가를 할 수 :

<div style="position:relative; left:0; top:0;"> 
    <img src="x.png" style="position:relative; top:0; left:0;"/> 
    <img src="y.png" style="position:absolute; top:30; left:70;"/> 
</div>