#example1 { background: url(mountain.jpg); background-repeat: no-repeat; background-size: auto; } #example2 { background: url(mountain.jpg); background-repeat: no-repeat; background-size: 300px 100px; }
body { background: url(img/bg-image.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#example1 { /* Example1 has an auto background size */ background: url(mountain.jpg); background-repeat: no-repeat; background-size: auto; } #example2 { /* Example2 has an fixed background size */ background: url(mountain.jpg); background-repeat: no-repeat; background-size: 300px 100px; }
.class{ background: url("../images/icons/map.png") no-repeat center center/50px 50px fixed; }
background-size: 100px 50px; /* 100px wide, 50px tall */