lo que hace modernizr es comprobar si el navegador tiene la caracteristica que tu usas, por ejemplo:
digamos que quieres usar la propiedad background-size de css3 pero esta característica solo esta disponible en ciertos navegadores, pero no en IE8, y alguno más.
la facil es irse por un polyfill que haga esta funcion y simplemente cargarla en todos los navegadores, y tan tan, pero que pasa si tu web tiene miles de visitas al día, estarías cargando una libreria inutil en navegadores que no la necesitan. por eso mejor usas modernizer, que aunque también es una libreria, pesa muy poco si usas solo las características adecuadas.
y haces la comprobación.
Código Javascript
:
Ver original//si el navegador no soporta background-size
if(!Modernizr.backgroundsize){
//cargas la libreria jquery.backgroundSize.js
$('.slider').css("background-size", "cover");
}
de este modo no solo estas cubierto con IE8, si no con todos los navegadores que no soporten background-size, y al mismo tiempo te ahorras ancho de banda en los navegadores que si lo soportan.
modernizr, tambien te puede cubrir con el css