4 Jahreszeiten

by Vloxxity

HTML

<div id="con">
    <div id="spring"></div>
    <div id="summer"></div>
    <div id="autumn"></div>
    <div id="winter"></div>
    <div id="blank">put content here</div>
</div>

CSS

#spring { background-image: url(http://st.deviantart.net/blogskins/artnetwork/earth-day-2012/bg_spring.jpg); }

#summer { background-image: url(http://st.deviantart.net/blogskins/artnetwork/earth-day-2012/bg_summer.jpg); }

#autumn { background-image: url(http://st.deviantart.net/blogskins/artnetwork/earth-day-2012/bg_fall.jpg); }

#winter { background-image: url(http://st.deviantart.net/blogskins/artnetwork/earth-day-2012/bg_winter.jpg); }

#blank { background-color: #eee; }

#con div {
    background-attachment: fixed;
    background-position: 50% 60%;
    height: 500px;
    width: 100%;
}

#con { height: 500px; overflow: auto; }