Hallo,

Ben momenteel bezig de nieuwe opties van CSS3 te gebruiken, een van de dingen die ik gebruik is de opacity optie. Nu heb ik een wrapper div, die ik een opacity van 0.4 geef middels rgba dat werkt prima.
Probleem is dat hij deze opacity ook mee geeft aan de child div die er inzit, en dat wil ik niet.

Al verscheidende dingen geprobeerd via google zoals het handmatig instellen van opacity 1.0 op het child div maar krijg het niet goed. Iemand ervaring hiermee?

Wat me te binnen schiet:

- Al geprobeerd met een opacity op de child div van 1.0 met !important?
- Eventueel op de moeder div een background .png (dan werkt hij ook gelijk in niet CSS3 ondersteunende browsers)

!important geprobeerd, geen effect. het gebruik van een transparante .png wilde ik juist met css3 voorkomen omdat ik tevens gebruik wil maken van een border-radius effect.

Beste Peter,

Wanneer je een png pakt van 1px moet dit geen probleem zijn

Het is toch logisch dat die ook de child dan een lagere opacity heeft.

Je zegt namelijk dat die die een opacity heeft dus alles wat erin zit krijgt automatisch een opacity mee.
Als je het voor een achtergrond wilt gebruiken kan je beter een div hebben die alleen voor de achtergrond dient. (voorbeeld mijn eigen website www.itsleon.com)

Was vergeten te melden dat het inmiddels al is opgelost, op main div een rgba, op inner een background.