WebView 중간에 2 개의 겹쳐진 그림 표시

Question

내 webView에서 페이지 중앙에 2 개의 겹쳐진 그림을 표시하고 싶습니다. 물론 나는이 시도 :

<div align="center"> 
    <img src="http://img.youtube.com/vi/n8h7YJNGyAY/default.jpg" style="z-index: 0; position: absolute;" /> 
    <img src="file:///android_asset/yt_play.png" style="z-index: 1; position: absolute" /> 
</div> 

중앙 ... 어떻게이 문제를 해결할 수가 배치되지 않습니다 중복 표시되는 사진에도 불구하고

? 감사합니다.

Answer 1

this 사이트를 확인하십시오. 예 :

<!-- language: java --> 
<div style="position:relative; height:430px"> 
    <div style="position:absolute;z-index:1"> 
     <img src="http://www.xul.fr/css/images/cats.jpg"> 
    </div> 
    <div style="position:absolute;top:150px;left:200px; width:600px; height:430px; z-index:2;font-size:200%;"> 
     <img src="http://www.xul.fr/en/css/images/here.gif" width="160" height="100"> 
    </div> 
</div>