css文字被图片覆盖了

html代码

Javajam Coffee House

JavaJam Coffee House

Follow the Winding Roal to javajam

  • Speciality Coffee and Tea
  • Bagels,Muffins,and Organic Snacks
  • Music and Poetry Readings
  • Open Mic Night Every Friday Night
  • 54321 Route 42
  • Ellison Bay,WI54210
  • 1-888-555-5555
    <footer ><small><i>Copyright©2016 JavaJam Coffee House</i></small></footer>
    <footer ><small><em><a href="01_名字.html"  target="_brank">yourfirstname@yourfirstname.com</a></em></small></footer>
    </div>
css代码 ```css

#wrapper{text-align: center;
background-color: #F5F5DC;
width: 90%;
min-width: 960px;
max-width: 2048px;
box-shadow: #2E0000;
margin-left: auto;
margin-right: auto;}
h1{height: 100px;
margin: 0%;
background-image: url("javalogo.gif.webp");
background-position: center;
text-indent:-9999px;}
h3{text-transform: uppercase;}
nav{text-align: center;
background-color: #E6D6A9;
background-size:10px}
main{
background-size:20px;
display:block;
}
#hero{
height: 500px;
color:#f5f5dc;
background-image:url("heroroad.jpg.jpg");
background-size:100% 100%;
}
.news{margin-left: 20%;
margin-right: 20%;}
footer{background-size: 10px;}

```
为什么javajam coffee house那里会被图片覆盖住

看不出问题是什么