Just working on a little bit of code for a personal project and for some reason the background image(s) keep overlapping my header and other divs. Dropped in a dummy header to show, but the image should obviously be contained within the div and I can't seem to get it right! Would really appreciate any advice on how to keep this contained within.
Also, on a sidenote I'd like the first image showing before hover, but the containing of the image is even more frustrating right now. I've used the below to make the image fit, so perhaps something to do with that?
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;
https://jsfiddle.net/qs5xy967/1/
与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
