CSS background

Markups

body {
    background: no-repeat center fixed #fff;
    background-size: cover;
}
@media only screen and (max-width: 767px) {
    body { background-image: url(small.jpg); }
}
@media only screen and (min-width: 768px) {
    body { background-image: url(medium.jpg); }
}
@media only screen and (min-width: 1280px) {
    body { background-image: url(large.jpg); }
}
  • 1
  • 2