CSS how to remove transperant background

I have a pop box that has a transparent background (I think it inherits the css from the parent div's) due to which the background becomes confusing.

How should I avoid a Tranasparent background for only the pop-box anything that I add to the div to make it non transparent ?
Who is Participating?
RapturerConnect With a Mentor Commented:
Hi micro_learner,

It might be much easier for you to use an in-line style. CSS applies styling in a very specific order of precedence.

You can override other ancestors by using inline styling:

<div id="popup" style="background-color:white; background-image:url();" >

This should work for you.


assuming the popup div had id="popup", then you just need to specify a background specifically for that div:
micro_learnerAuthor Commented:
Thank you, but even when I add an image as the background, the image itself is being transparent ..odd but true.I can see the background through it
Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

David S.Commented:
It sounds like you changed the opacity an an ancestor element.
micro_learnerAuthor Commented:
>>It sounds like you changed the opacity an an ancestor element.

How do I solve it ? is there a way I can do something in the child ?
micro_learnerAuthor Commented:
Please help me out guys
David S.Commented:
It's difficult to help without seeing your code.

You would remove the opacity declarations from the ancestor. Opacity is inherited and there is nothing you can do to override it on descendants.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.