css opacity

Back to Forums

Jad MS

Solved

Question

Mobile

Beginner

CSS

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

14 Jul

KUNDAN CHAUHAN

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

See solution in context

14 Jul

Tousif Khan

Hello

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

also you can try

rgba()

thanks

14 Jul

KUNDAN CHAUHAN

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

14 Jul

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

See the full guidelines