Een div heeft een achtergrondkleur en opacity. Maar de letters die in de div staan worden ook transparant, wat niet de bedoeling is.
Dit is wat er nu is

Code:

<div style="opacity: 0.5; background-color: #601C70;">
    <p style="color: #ffffff;">
        Tekst
    </p>
</div>

Is er een manier om de opacity alleen op de achtergrond los te laten?

Je moet een rgba background color gebruiken. In jouw geval is de juiste code {background: rgba(96, 28, 112, 0.5);}. Met het laatste cijfertje (de 0,5) bepaal je hoe doorzichtig de achtergrond moet zijn.

Inderdaad!
Waarom werkt het niet met een hexadecimale achtergrondcode?

Origineel gepost door R. Kronshorst

Inderdaad!
Waarom werkt het niet met een hexadecimale achtergrondcode?

Omdat je daar geen opacity aan mee kan geven, alleen aan het gehele element. Bij rgba zeg je specifiek dat enkel de achtergrondkleur opacity heeft.

Waarom gebruik je trouwens inline styles in plaats van een externe stylesheet?

die gebruik ik. Maar voor deze thread leek het me handiger om het voorbeeldje inline te doen

Origineel gepost door Marcel Melis

Waarom gebruik je trouwens inline styles in plaats van een externe stylesheet?

Die vraag kan je natuurlijk zelf makkelijk beantwoorden! :)

Maar zoals BOB zij is het alleen mogelijk met RGBA. Als je iets van een colorpicker bij de hand houd heb je zo alle kleurcodes die je wilt hebben.

Ah oke, logisch. Dacht al...

Origineel gepost door Marcel Melis

Ah oke, logisch. Dacht al...

Ohwjeh Marcel we gaan nou toch niet lopen trollen he...:P

Nee hoor, was gewoon een legitieme vraag. Meestal wordt er gewoon een stukje van de werkelijke code geplaatst, had in dit geval dus een stukje CSS kunnen zijn.

Ik ging er dus van uit dat hij een stukje HTML code van zijn website geplaatst had. Beginnende webdesigners gebruiken wel vaker inline styles (waarmee ik overigens niet wil zeggen dat TS een beginnende webdesigner is, ik ken hem verder niet natuurlijk).