484
Views
2
Comments
Solved
css opacity

Hello 

I want to use opacity to make a container for my mobile application a bit transparent but when I execute the container disappears completely I don't know why ? Thank you  


 

2026-03-12 06-20-48
KUNDAN CHAUHAN
Champion
Solution

Hi  Jad  MS,

Here you use Opacity,. Opacity will  affect all the element in the container .

but you need to transparent only background not any thing else in container .

So here you need to adjust only background color opacity of container.

then how its work . 

open inspect tool on browser and select background color .



then adjust your background color opacity by using second sidebar like this.

 

here the new background Hex code you get , and use it then your problem is resolve.


So first of all remove   opacity :0.75;   in your code


use this css :


background-color: #e48c0996;

border-radius: 40px;

height: 230px


hope it help you ,

Thanks

2023-10-21 19-42-11
Tousif Khan
Champion

Hello 

If you can share oml, So that we can demonstrate and help

also you can try

rgba()

thanks

2026-03-12 06-20-48
KUNDAN CHAUHAN
Champion
Solution

Hi  Jad  MS,

Here you use Opacity,. Opacity will  affect all the element in the container .

but you need to transparent only background not any thing else in container .

So here you need to adjust only background color opacity of container.

then how its work . 

open inspect tool on browser and select background color .



then adjust your background color opacity by using second sidebar like this.

 

here the new background Hex code you get , and use it then your problem is resolve.


So first of all remove   opacity :0.75;   in your code


use this css :


background-color: #e48c0996;

border-radius: 40px;

height: 230px


hope it help you ,

Thanks

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.