css e opacity

[cepi]

nel foglio css ho:

#motioncontainer a:hover img {
border: 1px solid navy;
opacity:100;
}

il bordo in onmouseover funziona,ma l'opacity no,ho anche provato:

#motioncontainer a:hover img {
border: 1px solid navy;
filter:alpha(opacity=100);
}

come mai non va? :master:

[Mich_]

A forza di sbattere la testa sulla tastiera ti sei perso la sintassi.

Anzitutto l'opacita` non esiste ancora nello standard; pero` alcuni browser la implementano.
FF utilizza la sintassi che avra` nei CSS3:
opacity: 1; /* 0=trasparente, 1=opaco, 0.5=meta`, ecc */

Mozilla utilizza una sintassi personale, simile alla precedente:
-moz-opacity: 1; /* 0=trasparente, 1=opaco, 0.5=meta`, ecc */

IE utilizza una sua sintassi personale:
filter:alpha(opacity=100%); /* il numero e` una percentuale */

Altri browser (Opera, Safri, ... non implementano l'opacita` - e` come se fosse sempre 1)

Dato che i vari codici sono riconosciuti solo dai rispettivi brwoser e non danno fastidio agli altri, puoi inserirli tutti nello stesso blocco:
#motioncontainer a:hover img {
border: 1px solid navy;
opacity:1;
filter:alpha(opacity=100%);
-moz-opacity: 1;
}

[digitos]

Anche Safari supporta a modo suo l'opacità nei css


http://www.hiermenuscentral.com/issues/safopacity/

[cepi]

risolto,grazie a tutti e due