colore bordo immagine link, su hover

**Balördög** · 14-04-2006, 16:44

Buondì ragazzi. E' da tempo che dovevo trovare un modo per cambiare il colore del bordo di un'immagine su hover.

Il problema è sempre stato IE, se infatti con firefox un:

codice:

a:hover img { border: 2px solid #f39 }

andava più che bene, per IE non funzionava.

La soluzione l'ho tratta da questo sito: http://www.cssremix.com/

guardando il codice nel loro CSS.

Questa utilizza il filtro opacità.

CSS:

codice:

.container a img { border: 2px solid #999999; }
.container a:hover img { 
	filter: alpha(opacity=100);
	opacity: 1;
	border-color: #FF3399
}

HTML:

codice:

<div class="container">
		[img]prova.gif[/img]
</div>

Questo funziona correttamente. Il problema è che purtroppo il filtro opacità da errore nella validazione del CSS.

Avete per caso soluzioni alternative e valid(at)e??

**thomas_anderson** · 14-04-2006, 18:05

I commenti condizionali. crei un css che richiami solo per IE con la proprietà opacity (proprietaria e non valida).

**Balördög** · 14-04-2006, 18:44

Quindi valido per FF, invalido per IE. Soluzione accettabile

**thomas_anderson** · 14-04-2006, 18:45

no. i commenti condizionali sono riconosciuti solo da IE. la validità è secondo le specifiche W3C, non dipende dal browser.

**Balördög** · 14-04-2006, 18:56

Ah! Avevo capito, 2 css differenti, uno per FF e uno per IE, da caricare a seconda del browser (con Javascript, ad esempio), quindi uno validato e uno no.

Invece mi sbagliavo.

I commenti condizionali non li ho mai usati, puoi farmi un esempio?

**thomas_anderson** · 14-04-2006, 19:05

<head>
<link rel="stylesheet" type="text/css" href="tutti.css" />

</head>

come vedi ci sono 2 fogli di stile. in quello per IE dichiarerai la proprietà opacity.

**Balördög** · 14-04-2006, 19:12

E allora, pazzo, avevo detto giusto! Un CSS sarà validato, l'altro no!

(parlo dei CSS, non dell'HTML)

Grazie ancora

**felixsuperstar** · 14-04-2006, 21:22

ma devi farlo per una sola immagine oppur eper una serie di immagini?
Altrimenti potresti usare la tecnica dlel'image replacement..

**Balördög** · 14-04-2006, 23:27

No, non devo proprio farlo. Solo che ogni tanto mi è capitato di veder bene il bordo con effetto on hover, quindi prima o poi risalterà fuori.

**Another-Life** · 16-09-2006, 19:32

Originariamente inviato da Balördög
E allora, pazzo, avevo detto giusto! Un CSS sarà validato, l'altro no!

(parlo dei CSS, non dell'HTML)

Grazie ancora

Validazione e dichiarazione dei selettori sono due cose differenti...i Css saranno entrambi validati.Il commento condizionale in questo caso serve a far riconosciere le dichiarazioni di stile attribuite ad IE solamente a quest'ultimo browser,escludendo gli altri.

Discussione: colore bordo immagine link, su hover

Strumenti discussione

Ricerca discussione

Visualizza

colore bordo immagine link, su hover

Permessi di invio