ビュー上にオーバーレイを作成する方法

-2

ウェブページにオーバーレイを設定しようとしていますが、これを行うことができません。ビューの上にオーバーレイを設定するための私のコードは次のようである：ビュー上にオーバーレイを作成する方法

#cover { 
 
    position: fixed; 
 
    top: 0; 
 
    left: 0; 
 
    background: #000; 
 
    z-index: 1; 
 
    width: 100%; 
 
    height: 100%; 
 
    display: none; 
 
    opacity: 0.5; 
 
}

<div id="cover"> 
 
    <p>-----</p> 
 
</div>

しかし、私は所望の出力を得ていませんよ。

出典

2016-04-27 Neha Purwar

だけdisplay: noneを削除し、あなたが

<!DOCTYPE html> 
 
<html lang="en"> 
 

 
<head> 
 
    <style type="text/css"> 
 
    #cover { 
 
     position: fixed; 
 
     top: 0; 
 
     left: 0; 
 
     background: #000; 
 
     z-index: 1; 
 
     width: 100%; 
 
     height: 100%; 
 
     opacity: 0.5; 
 
    } 
 
    </style> 
 
</head> 
 

 
<body> 
 
    <div id="cover"> 
 
    <p>-----</p> 
 
    </div> 
 
</body>

出典

2016-04-27 10:55:44 Pugazh

おかげでオーバーレイを表示することができるはずです、私はそれを得ました。 –

ビュー上にオーバーレイを作成する方法

答えて

関連する問題