0

Jquery モバイルでヘッダーとコンテンツ パーツを作成しました。ヘッダーに、ヘッダーの高さよりも大きいアイコンを追加しました(画像のように)。問題は..次のコンテンツはアイコンの下にある必要があります（左側から始まります）。左側のアイコンの下に位置がないのはなぜですか?アイコンはヘッダーからコンテンツ部分に重なるはずです。

http://s1.directupload.net/file/d/3233/citi5s8r_jpg.htm「画像」

.....
<div data-role="page">
    <div data-role="header">
    <img src="test.gif" style="float:left;" height="75px";/>
    <h1>Testpage</h1>
    <a href="Start.html" rel="external" class="ui-btn-right" data-role="button" data-icon="home" data-iconpos="notext">Home</a>
    </div>

    <div data-role="content">
        <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
                <li data-role="list-divider" class="middle">Topic 1</li>
                <li>
                    <p class="middle">Mittwoch, 20.04.2013 - 15:00 Uhr</p>

                    <p class="middle" style="margin-top:5px; background-color:transparent;">Stuttgart</p>
                </li>
        </ul>
    </div>
......
</div>
......
4

1 に答える 1

1

<div data-role="header">高さと幅、背景画像、または<img>重複するアイコンの内側に新しいdivなどを追加して、 cssを次のように設定してみませんか。

#funkyIcon {
position:absolute;
top:0;
left:0;
z-index:2; ? or two million
}

これはそれにする必要があります

于 2013-04-22T17:53:40.607 に答える