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  


 

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

Hello 

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

also you can try

rgba()

thanks

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.