How to apply an opacity without affecting a child element with html/css?

Gielyn Fernandez answered on January 2, 2023 Popularity 4/10 Helpfulness 1/10

answer How to apply an opacity without affecting a child element with html/css?

How to apply an opacity without affecting a child element with html/css?

Comment

#container {
    border: solid gold 1px;   
    width: 400px;
    height: 200px;
    background:rgba(56,255,255,0.1);
}

#box {
    border: solid silver 1px;
    margin: 10px;
    width: 300px;
    height: 100px;
    background:rgba(205,206,255,0.1);
}

Popularity 4/10 Helpfulness 1/10 Language css

Source: stackoverflow.com

Tags: apply css element opacity

Link to this answer
Share Copy Link

Contributed on Jan 02 2023

Gielyn Fernandez

0 Answers Avg Quality 2/10

How to apply an opacity without affecting a child element with html/css?

Contents

More Related Answers

How to apply an opacity without affecting a child element with html/css?

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.