Grafici a barre accessibili – Parte 4

Miglioriamo il grafico – compatibilità con Internet Explorer 6 e precedenti

Se provate il codice su Firefox, Internet Explorer 7 oppure Opera, noterete la perfezione dell’opera. Non si può dire altrettanto se avete dato uno sguardo agli esempi con una versione precedente di Internet Explorer.
Sostituendo il commento condizionale dell’esempio precedente con quanto segue, le etichette descrittive di ciascuna barra saranno posizionate correttamente nel posto in cui dovrebbero essere:

<!–[if lt IE 7]>
    <style type=”text/css”>
        .graph_area .label{
            margin-left: -50px;
        }
    </style>
<![endif]–>
<!–[if lte IE 7]>
    <style type=”text/css”>
        span.chart .info, span.chart2 .info{
            margin-top: 5px;
            margin-left: 2%;
            display: block !important;
        }
    </style>
<![endif]–>

A questo punto posso considerarmi soddisfatto! Alla prossima!

Potrebbero interessarti anche i seguenti articoli

Rispondi

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.