#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; }
#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; }
.class{ background: url("../images/icons/map.png") no-repeat center center/50px 50px fixed; }
background-size: 100px 50px; /* 100px wide, 50px tall */