0 
<ul id="nav">
    <div id="navspacer" />
    <li class="button" style="width: 109px;"></li>
    <li class="button" style="width: 86px;">
        <img alt="Webdesign" src="images/digifolio_10.jpg"/>
        <ul>
            <li>a</li>
            <li>b</li>
            <li>c</li>
        </ul>
    </li>
</ul>
<div id="main">
    content
</div>

li.button の高さは固定です。

li.button {
    height:             23px;
    float:              left;
    list-style:         none;
}

div#mainの z-index は 0 です

li.button ulの z-index は 100 です。

li.button ul {
    z-index:            100;
    background-color:   #ffffff;
    display:            block;
}

しかし、ブラウザには表示されません... Firebugはそこにあることを示していますが、表示されていません。

4

2 に答える 2

1

すべてのCSSを確認すると便利です。あなたはオーバーフローを持っていますか：どこかでliに隠された宣言がありますか？

li.buttonの高さは23pxですが、その中のulははるかに高くなります。内側のliとimgを左にフロートさせていない限り、その場合は86pxより広くなります。

于 2009-05-28T14:04:56.010 に答える
1

positionz-index は-propertyのない要素には適用されないため、コードには影響しないことに注意してください。

また、DIV は UL 内では許可されていません。代わりにマージンまたはパディングを使用してください。

于 2009-05-28T13:51:07.270 に答える