Buon giorno.
Vorrei caricare due immagini una per la visualizzazione normale e l'altra per l'alto contrasto.
Sono due freccette, quando è normale è di colore nero, se alto contrasto di colore bianco.
Detto cio, faccio in questo modo:
codice:
//pagina html
<li class="li-second">
<img class="img-second" alt=""/>bla bla bla
//nello style.css
#content_page section.section_first .img-second
{
background-image: url(../images/next_01.png);
width:10px;height:11px;margin-right:10px;
}
//nel contrasto.css
#content_page section.section_first .img-second
{
background-image: url(../images/next_02.png);
width:10px;height:11px;margin-right:10px;
}
In pratica vedo un bordino che, anche se inserisco il border:0 per tutte le immagini, non c'è verso di toglierlo
codice:
img {
border:0;
}
invece mi sono accorto che se l'immagine la carico attraverso l'src del tag img, quel bordino non lo visualizzo
codice:
[img]../../images/next_01.png[/img]
Come posso risolvere?
Grazie mille.