在WebView中间显示2个重叠的图片

时间:2012-01-06 20:49:31

标签: android z-index image android-webview alignment

我希望我的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>

尽管图片显示重叠,但它们不会集中放置......我该如何解决这个问题? 感谢

1 个答案:

答案 0 :(得分:0)

查看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>