Bryte inheritance eller fikse problemet på andre måter?

Bryte inheritance eller fikse problemet på andre måter?

Innleggav Kringon » tor 03.09.2009 19:02

Morn folkens.

Tar et web-prosjekt kurs ved HIO i oslo der vi lærer enkel XHTML og CSS.

bruker text-mate til å skrive i.

Har lagd denne siden: http://marintec.se/test , men greier ikke å endre opacity på bildene til 1.0.

Vet at de arver opacity verdien fra forrige DIV (som er 0.8), men er det en måte jeg kan bryte dette på. Vil at bare bildene skal vises på samme sted som de gjør nå, men med en opacity på 1.0 (som om de sto alene)

-Kringon

Brukerens avatar
medlem i 143 måneder
 

Re: Bryte inheritance eller fikse problemet på andre måter?

Innleggav Jesper Karsrud » man 07.09.2009 1:11

Det er ingen direkte enkel måte å gjøre dette på, men du kan se om du får til noe ved å benytte deg av denne teknikken her; http://css-tricks.com/non-transparent-e ... -elements/

Kort oppsummert går teknikken ut på at du legger elementene du ikke vil at skal arve gjennomsiktigheten utenfor parent-elementet, og bruker CSS til å posisjonere elementet riktig. Det er dessverre umulig å endre på opacity-egenskapen på en child-element når parent-elementet har fått satt en annen opacity-verdi. Det bryter litt logisk sett, men slik har det nå blitt i CSS, hvorfor er det bare å lure på.. Håper det hjalp deg litt :)

Brukerens avatar
medlem i 157 måneder
 


Returner til CSS



Hvem er i Forumene

Registrerte brukere: Google [Bot]