2017-02-18 5 views
-1

ich folgendes div bin mit: -kann nicht erstellt Leuchtkasten

<div style="position:absolute:z-index:150;top: 0; left: 0;width:100%;height:100%;text-align:center;background-color:black;opacity:0.4;"></div>

Aber seine Anzeige nichts.

+0

Bitte nie Inline-Stil verwenden und ein codepen liefern, wenn possbile –

+1

@LiXinyang den Editor Schnipsel Mit HIER ist besser als ein in den meisten Fällen codepen – mplungjan

Antwort

1

Sie haben einen Tippfehler in Ihrem Inline-CSS. Sie haben position:absolute:z-index:150; geschrieben, während es position:absolute; z-index:150; sein sollte. Also ändere den Doppelpunkt in ein Semikolon.

div { 
 
    position: absolute; 
 
    z-index: 150; 
 
    top: 0; 
 
    left: 0; 
 
    width: 100%; 
 
    height: 100%; 
 
    text-align: center; 
 
    background-color: black; 
 
    opacity: 0.4; 
 
}
<div></div>