CSS - Transparent Background - PHPBuilder Forums

Misc Help ClientSide Technologies
CSS - Transparent Background

NNZ_Kiwis
Jun 25, 2015
Post #1 Thursday, June 25, 2015 8:58 AM

I want a parent DIV as a container.

In that I want a DIV with a black background with a opacity of .60. I then want everything in that DIV to not adopt the .60 opacity.

How can I do this?

BBonesnap
Jun 25, 2015
Post #2 Thursday, June 25, 2015 3:37 PM

.yourdiv
{
    background-color: rgba(0, 0, 0, 0.6);
}

Note: This will not work on IE8 and below. You will only see a black background.

Write a Reply...

CSS - Transparent Background

NZ_Kiwis

I want a parent DIV as a container.

In that I want a DIV with a black background with a opacity of .60. I then want everything in that DIV to not adopt the .60 opacity.

How can I do this?

Bonesnap

.yourdiv
{
    background-color: rgba(0, 0, 0, 0.6);
}

Note: This will not work on IE8 and below. You will only see a black background.