Transparent a img, funker ikke i Opera

[nree]

Har dette i CSS fila mi:

.transparent:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.transparent img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.4;
}

 

Det funker fint i IE og Firefox, men ikke i Opera..

Noen som vet hvorfor?

Endret 29. januar 2006 av goggen90

[JonH]

Kanskje denne kan hjelpe?

http://www.mandarindesign.com/opacitycolor.html

Opera is the only known browser that doesn't support the opacity property as of today, but putting the image on top of the background will allow Opera browsers to see the image.

[nree]

Jeg kan se bildet, men det blir ikke den effekten.

Men, vist opera ikke støtter det så....

[mohuhau]

Har dette i CSS fila mi:

.transparent:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.transparent img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.4;
}

 

Det funker fint i IE og Firefox, men ikke i Opera..

Noen som vet hvorfor?

5515164[/snapback]

 

Her har du brukt IE og mozillaspesifikke css-regler, men du har ikke tatt med opacity som er w3cs standard og som også er støttet av firefox i nyere versjoner (mulig det bare er i 1.5)

 

Bruk heller denne koden:

.transparent:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.transparent img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}

[dan1el]

Proprietære saker. Ville ikke brukt det.

[olafura]

Opera får opacity støtte i versjon 9 :-)

Kommer i Technical Preview 2