3

隣接する div によって隠されている見出しタグがあります。それらに z-index プロパティを設定しましたが、希望どおりに機能しません。これは、border-radius プロパティを他のものと組み合わせて使用​​すると発生することに気付きました。css を使用して、両方の DOM 要素の配置が互いに交差するようにします。しかし、彼らは私が必要とするものに対して間違った順序で交差しています。何か案は？

フィドル:)

h2 {
    font-size: 2.5em;
    background-color: #e5dbc2;
    display: inline-block;
    padding-right: 10px;
    line-height: 70%;
    margin-bottom: 0;
    z-index:999;
}


.cover {
    position:relative;
    width: 100%;
    height: 300px;
    padding: 0;
    border-radius: 0 0 20px 20px;
    background-color: #efe8d9;
    border-top: 5px solid #6e537f;
    margin-top: -7px;
    overflow: hidden;
    z-index: 500;
}
4

1 に答える 1

9

ヘッダーを配置するのを忘れました - に追加position: relative;してください<h2>

http://jsfiddle.net/Ms7Qr/1/ (z-index静的に配置された要素には適用されません)

Visual Formatting Modelから:

他のスタッキング コンテキストは、'auto' 以外の 'z-index' の計算値を持つ任意の配置要素 (相対的に配置された要素を含む) によって生成されます。

于 2013-06-12T15:40:11.070 に答える