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

发布于 2024-12-25 08:44:40 字数 376 浏览 0 评论 0原文

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

尽管图片显示重叠，但它们不会放置在中间......我该如何解决这个问题？谢谢

原文

I'd like my webView to show 2 overlapped pictures, placed in the middle of the page; well I tried this:

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

and despite the pictures are shown overlapped they won't be placed centrally...how can I fix this?
Thanks

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

朕就是辣么酷 2025-01-01 08:44:40

查看此网站。一个例子是：

<!-- 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>

Check out this site. An example is:

<!-- 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>

回复收藏 0 原文

~没有更多了~