ショー、非表示

　　HTMLページに表示されるCSSを設定することで、次のように隠されました：

　　次のページのより明確な理解：　　

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < タイトル>显示隐藏</ タイトル> 
    < リンクのrel = "スタイルシート" のhref = "display.css" > 
</ ヘッド> 
< 身体> 
    < divのクラス= "コンテンツ" > 
        < divのクラス= "パート1" >
        div クラス= "その2" >その2 </ divの> 
        < divのクラス= "その3" >その3 </ DIV > 
    </ DIV > 
</ ボディ> 
</ HTML >

.content
 { 
    幅：400ピクセル。
    高さ：200pxの。
    背景：＃0395e1。
    位置：相対 ; 
} 
.part1
 { 
    幅：100pxに。
    高さ：100pxに。
    背景：＃e53935 ; 
    位置：絶対 ; 
    左：は50px ; 
    トップ：は50px ; 
    Zインデックス：5; 
} 
.part2
 { 
    幅：100pxに。
    高さ：100pxに。
    背景：オレンジ ; 
    位置：絶対 ; 
    左：は50px ; 
    トップ：は50px ; 
    Zインデックス：2。
} 
.part3
 { 
    幅：100pxに。
    高さ：100pxに。
    背景：オレンジ ; 
    ポジション：絶対 ; 
    右：は50px ; 
    トップ：は50px ; 
}

　　現在のショーは次のようになります。

　　1.表示：なしセット

　　今パート3ディスプレイに参加：なし

.part3
 { 
    幅：100pxに。
    高さ：100pxに。
    背景：オレンジ ; 
    位置：絶対 ; 
    右：は50px ; 
    トップ：は50px ; 
    表示：なし ; 
}

　　ページが表示されます。

　　今では隠されているパート3を見ることができます

　　透明性2.設定の不透明度、不透明度値が0であるとき、ページが表示されないPART2

.part3
 { 
    幅：100pxに。
    高さ：100pxに。
    背景：オレンジ ; 
    位置：絶対 ; 
    右：は50px ; 
    トップ：は50px ; 
    不透明度：0 ; 
}

　　図3は、z屈折率を覆うことによっても達成することができます

　　最初は三つの部分を設定しますが、レベルよりも高いパート1のパート2のレベルなので、パート1のパート2を使用すると、パート1を非表示にする場合は、パート1のパート2よりも高いレベルで、彼らはパート1のパート2をブロックすることができるように、階層を変更、パート1を達成することができ、覆われています。非表示にします。

.part1
 { 
    幅：100pxに。
    高さ：100pxに。
    背景：＃e53935 ; 
    位置：絶対 ; 
    左：は50px ; 
    トップ：は50px ; 
    Zインデックス：5。
} 
.part2
 { 
    幅：100pxに。
    高さ：100pxに。
    背景：オレンジ ; 
    位置：絶対; 
    左：は50px ; 
    トップ：は50px ; 
    z屈折率：20。
} 
.P

おすすめ