opacity css

[jipyboy]

Hallo Helpmij'ers,

Ik ben momenteel bezig met een website en heb hier bij een div'je in css: opacity: 0.5; gezet.
Echter wanneer ik in deze div nu een filmpje (via html5) erin zet krijgt deze ook de opacity mee, hoe kan ik dit uitschakelen, ik al van alles geprobeerd maar niks helpt.

Mvg,
Jipyboy

 

[Naarling]

Opacity wordt doorgegeven aan alle elementen binnen het element met opgegeven opacity. Als je de opacity gebruikt om een achtergrondafbeelding doorzichtig te maken un je beter een al doorzichtige afbeelding gebruiken. Als het alleen om een achtergrondkleur gaat kun je rgba kleuren gebruiken.

.element{
background-color:rgba(0,0,0, 0.5);
}

Geeft het element met class element een zwarte achtergrond met 50% opacity.

 

[rolfohtar]

De manier van Naarling werkt het beste hiervoor.

voor een zwart transparante achtergrond:

background-color: rgba(0, 0, 0, 0.5);

voor een wittransparante achtergrond:

background-color: rgba(255, 255, 255, 0.5);

Deze codes werken volgens RGB, dus je kunt ook kleuren gebruiken. De 0.5 is in dit geval de mate van transparantie.