Witajcie!
Pisząc stronę natrafiłem na pewien problem: otóż chciałem zrobić by tło strony było "prześwitujące", to znaczy by było widać, co się pod nim znajduje, w tym przypadku kolor.
Tak więc jako kolor w body ustawiam ciemnoszary, a potem na niego nakładam obrazek. I problem jest taki, że nie widać containera. Da się jakoś przesunąć go na wierzch albo obrazek na spód? A jeśli nie, to czy istnieje inny sposób na to?
To mój kod:
body{
background-color: #1D2126;
margin: 0px;
}
#background{
opacity: .25;
width: 100%;
height: 100%;
line-height: 2em;
}
#container{
width: 700px;
height: 400px;
background-color: black;
z-index: 2;
}
<!DOCTYPE html>
<head>
<link href="main.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="background">
<img src="bg.png" style="width:100%;height:100%;">
<div id="container">Welcum</div>
</div>
</body>
Pozdrawiam.