Показать 2 перекрывающихся изображения в середине WebView - PullRequest
Новая
       20

Показать 2 перекрывающихся изображения в середине WebView

0 голосов
/ 07 января 2012

Я бы хотел, чтобы мой веб-просмотр отображал 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 голосов
/ 07 января 2012

Проверьте этот сайт. Пример: 

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