css - Needing background image to end repetition at start of footer -


basically, right have multiple images 1 @ background image body (being blue square) , need to end @ start of footer, underneath footer black no matter do, doesn't seem help.

here's example http://bit.ly/1nkiee1 (on postimage)

i thought maybe if ended body tag, started footer tag wouldn't doesn't seem fix anything.

css

.nav {   background-image: url(image/top.png);   background-repeat: repeat-x; }  body {   background-image: url(image/blue.png);   background-repeat: repeat;   background-size: contain;   background-color: #000000; }  footer {   background-image: url(image/footer.png);   background-repeat: repeat-x;   background-color: #000000;   font-size: 14px;   text-decoration: none;   text-shadow: #000000 1px 1px;   padding: 45px; } 

thanks in advance - shy ♥

don't give background property body instead of use div inside body upto footer , give these properties div example

html :

<nav>......</nav> <div class="container">......</div> <footer>.........</footer> 

css :

.nav {   background-image: url(image/top.png);   background-repeat: repeat-x; }  container {   background-image: url(image/blue.png);   background-repeat: repeat;   background-size: contain;   background-color: #000000; }  footer {   background-image: url(image/footer.png);   background-repeat: repeat-x;   background-color: #000000;   font-size: 14px;   text-decoration: none;   text-shadow: #000000 1px 1px;   padding: 45px; 

}


Comments

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -