Justere Opacity på et bilde

[AndersK_]

har hørt at dette skal gå ann.. Har et bakgrunnsbilde (har ikke photoshop her på jobben..), ønsker og bruke et CSS script til og justere gjennomsitighets faktoren med 70%.. (opacity 30% hvis jeg hadde brukt photoshop..)

 

Ja, finnes det noen kode for dette (CSS helst, evt noe annet?)? Har sett en kode for Mozilla, men ingen som kommer til og gå inn på siden min bruker det.. Tenker på IE!

 

Anders!

[kvikks]

test ut disse css...

 

.opaque {color: rgba(0,0,255,1.0)}

.three-quarters-opaque {color: rgba(0,0,255,0.75)}

.half-opaque {color: rgba(0,0,255,0.5)}

.one-quarter-opaque {color: rgba(0,0,255,0.25)}

.transparent {color: rgba(0,0,255,0.0)}

 

dette er css2, og skal / burde fungere i alle browsere som støtter det!

Endret 6. februar 2004 av kvikks

[Sigmoideus]

Hakke peil på CSS, men kan denne hjelpe?

[AndersK_]

test ut disse css...

 

.opaque {color: rgba(0,0,255,1.0)}

.three-quarters-opaque {color: rgba(0,0,255,0.75)}

.half-opaque {color: rgba(0,0,255,0.5)}

.one-quarter-opaque {color: rgba(0,0,255,0.25)}

.transparent {color: rgba(0,0,255,0.0)}

 

dette er css2, og skal / burde fungere i alle browsere som støtter det!

Alle sammen eller bare en av dem?

Har ikke så mye skills i CSS, må bare spørre..

 

Kom også på at jeg er på jobb, IE 5.5 her

[DexterBlasted]

test ut disse css...

 

.opaque {color: rgba(0,0,255,1.0)}

.three-quarters-opaque {color: rgba(0,0,255,0.75)}

.half-opaque {color: rgba(0,0,255,0.5)}

.one-quarter-opaque {color: rgba(0,0,255,0.25)}

.transparent {color: rgba(0,0,255,0.0)}

 

dette er css2, og skal / burde fungere i alle browsere som støtter det!

Alle sammen eller bare en av dem?

Har ikke så mye skills i CSS, må bare spørre..

 

Kom også på at jeg er på jobb, IE 5.5 her

Du bruker selvfølgelig en på det bildet du vil sette opacity på.

 

.opaque - dette er navnet på klassen, du kan navngi denne som du vil (punktum angir at dette er en klasse)

{color: rgba(0,0,255,1.0)} - her er selve regelen hvor du angir verdien (hvor mye opacity)

[kvikks]

test ut disse css...

 

.opaque {color: rgba(0,0,255,1.0)}

.three-quarters-opaque {color: rgba(0,0,255,0.75)}

.half-opaque {color: rgba(0,0,255,0.5)}

.one-quarter-opaque {color: rgba(0,0,255,0.25)}

.transparent {color: rgba(0,0,255,0.0)}

 

dette er css2, og skal / burde fungere i alle browsere som støtter det!

 

.opaque {color: rgba(0,0,255,1.0)} IKKE GJENNOMSIKTIG

 

.three-quarters-opaque {color: rgba(0,0,255,0.75)} 3/4 GJENNOMSIKTIG

 

.half-opaque {color: rgba(0,0,255,0.5)} 1/2 GJENNOMSIKTIG

 

.one-quarter-opaque {color: rgba(0,0,255,0.25)} 1/4 GJENNOMSIKTIG

 

.transparent {color: rgba(0,0,255,0.0)} HELT GJENNOMSIKTIG

 

du kan også bruke

 

.Explorer {

Filter: (Alpha: %);

}

[AndersK_]

Du kan også bruke:

 

.Explorer {
  Filter: (Alpha: %);
}

 

ok, så:

.Explorer {
  Filter: (Alpha: 30%);
}

 

 

..gir 30 prosent opacity?

Endret 6. februar 2004 av purken

[kvikks]

Må rette meg selv , dette et rett:

 

denne fungere visst kun i Explorer:

.explorer {
filter: alpha(opacity=50);  gir 50% opacity
} 

 

Mozilla:

.mozilla {
-moz-opacity: 50%; 
}

eller

 

.mozilla {
-moz-opacity: 0.5;
}

Endret 6. februar 2004 av kvikks

[PT]

Men hva med den beste nettleseren av alle (Opera for de som ikke fattet det ). Hvordan løser du det der?

[AndersK_]

.explorer {
filter: alpha(opacity=30);
}

 

Denne koden gir 30 prosent opacity, eller?

Hva skal jeg skrive på bildet jeg vil ha opacity på? class="aplha" <-hm?

[kvikks]

.explorer {
filter: alpha(opacity=30);
}

Legges i din css fil!

 

 

eller i head slik:

 

<style>
.explorer {
filter: alpha(opacity=30);
}
</style>

 

skriv da på bildet:

 

class="explorer"

Endret 6. februar 2004 av kvikks