Scaling background.

Hi.
Is there some way to scale background image or specify different images for different screen resolutions.

You can specify different background images for different screen resoolutions:

Code: Select all

#element {
background: transparent url('../images/fileA.jpg') 0 0 no-repeat;
}
@media (max-width: 1020px) {
#element {
background: transparent url('../images/fileB.jpg') 0 0 no-repeat;
}
}

@media (max-width: 640px) {
#element {
background: transparent url('../images/fileC.jpg') 0 0 no-repeat;
}
}

@media (max-width: 320px) {
#element {
background: transparent url('../images/fileD.jpg') 0 0 no-repeat;
}
}



Thanks!

Is there anything else I can help you with regarding this topic?

no, thanks)