Tekst zanika pod tłem

pytanie zadane 14 listopada 2016 w HTML i CSS przez Konrad Polit Początkujący (410 p.)

Tak jak w temacie.

Mam sobie tło wrzucone na stronę, i jeżeli jest komenda position:fixed lub position:absolute to tło działa normalnie ale za to napisy sie nie pojawiają, a jak usuwam te komendy powyżej to tło znika ale za to napisy się pokazują.











<html>
    <head>
        <title>jd</title>
            
        <style>

            .top {    
                position:absolute;
                top: 0px;
                left: 0px;
                right: 0px;
                bottom: 0px;
                background-image:url("img/tlo.jpg");
                
            }
            .body {
                position: absolute;
                top: 100%;
                left: 0px;
                right: 0px;
                height: 3000px;
                background-image:url("img/tlo2.png");
            }
            .header {
                top: 0px;
                left: 0px;
                right: 0px;
                height: 50px;
                background-color: 212121;
            }
             #start
{
              text-align:center;
              width:400px;
               height:200px;
border-radius:30px;
float:left;
margin-top:350px;
margin-left:750px;
font-size:20px;
font-family:'impact';
color:black;
}
        </style>
    </head>
    <body>

        <script src="js/smoothscroll.js"></script>
<div id="start">
<h7> JAKOŚĆ ROBI RÓŻNICE</h7>
<br/>    
<H1>MAR-SPAW</h1>
<br/>
profesjonalne spawanie
<br/>
<h1>Wszystko czego potrzebujesz</h1>
</div>
        <div class="top"></div>
        <div class="body">
            <div class="header">
            </div>
        </div>
    </body>
</html>