Salve a tutti,
Non risco a risolvere un problema riguardante il css.
Ho un immagine a cui ho impostato di apparire con "opacità:0.4" e quando ci passo sopra con il mouse diventa "opacità 1"... e fino qui funziona tutto;
io vorrei che quando ci clicchi sopra resti "opacity 1" invece ritorna a 0.4.
Ho provato di tutto, l'ho trasformata in un link e usando :active (e funziona) e con :visited ma quest'ultimo non funziona.
Se sapete anche altri metodi per farla restare a opacità originale dopo il click fatemi sapere.
Grazie.

Vi posto il mio css:

.photo {
list-style-type:none;
float:left;
height:150px;
margin-right: 5px;
margin-top:5px;
margin-bottom:5px;
opacity: 0.4;
-webkit-transition: opacity 0.4s linear;
-moz-transition: opacity 0.4s linear;
-o-transition: opacity 0.4s linear;
transition: opacity 0.4s linear;
}



.photo:hover {
opacity: 1;

}

.photo:active {
opacity: 1;
border:1px blue solid;
}

.photo:visited {
opacity: 1;
border:1px blue solid;
}