Hi.
Is there some way to scale background image or specify different images for different screen resolutions.
#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;
}
}