La compatibilità delle specifiche css è la ragione di maggiore “impazzimento” per chi scrive codice web. La colpa principale è di Internet Explorer che inspiegabilmente non supporta i css3 a differenza di tutti gli altri browser. In alcuni casi quindi, può essere utile cambiare il contenuto della pagina in base al browser dell’utente.
Ad esempio se includiamo in una pagina uno stile con dei bordi arrotondati e l’utente arriva sul nostro sito utilizzando Internet Explorer non vedrà la pagina correttamente allora è meglio sostituire il contenuto con un immagine.
Il metodo non è il più pulito ma è senz’altro uno dei più efficaci.
Di seguito il codice Jquery:
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script><script type=”text/javascript”>
$(document).ready(function(){ //esegue lo script alla fine del caricamento della paginaif (jQuery.browser.msie) { //controlla che il browser sia Internet Explorer
$(‘.mioselettorecss’).replaceWith(‘<div style=”width:300px;”><a href=”http://link/sopralimmagine /”target=”_blank”><img src=”/foto/cheappare/alposto/delcontenutocss.jpg/” /></a></div>’);} //al posto dell’elemeno .mioselettore inserisce l’immagine scelta
});
</script>
</head>