python (65.2k questions)

javascript (44.3k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (13k questions)

Questions - opacity

let the background-image opaque at the top red bar and transparent at the rest part down below

I want to let the background-image have an opacity: 1 (opaque) at the top red bar and opacity: 0.9 (transparent) at the rest part down below. for now it is: body { font-family: sans-serif; ba...
test-img

Firestar-Reimu

css

background-image

opacity

Votes: 0

Answers: 1

Latest Answer

To have translucency on everything except the red banner, you could apply your 0.9 opacity only to the direct children of your body and not your body itself. And then override the banner's opacity to ...
test-img

Zach Jensz

How to make opacity only for background?

I have a form and I need to add the background with opacity to that. Unfortunately opacity takes the form as well. How to remove opacity from the form and have it only for background? .container {...
test-img

Vova

css

opacity

Votes: 0

Answers: 6

Latest Answer

Hi if your background does not has any Images. Then easily you can apply opacity on it background. Here is some example you can use -> background-color: #00ff0055; /*-- The value after six digit is...
test-img

VIKESIR

changing opacity of certain items

I have created a column/box in html and there are certain images in it. I want to reduce the opacity of the column and images to be displayed at full opacity. But when I reduce the opacity of the box,...
test-img

The Jordan Unleashed

html

css

opacity

Votes: 0

Answers: 2

Latest Answer

For a working solution, you will have to wrap any text nodes inside your container element, because CSS does not allow to select text nodes. Also, your current HTML is invalid; p cannot be a child of ...
test-img

connexo

I am trying to reduce the opacity of certain objects but it is not working for me

I have a question that I have taken a column/box in HTML which includes certain images and text and when I try to reduce the opacity of that column it reduces the opacity of the images as well that ar...
test-img

The Jordan Unleashed

html

css

opacity

Votes: 0

Answers: 1

Latest Answer

you can use background-color: rgba(r,g,b,alpha[0,1]) or background-color:hsla(hue, saturation, lightness, alpha[0,1]) instead of using opacity in .container https://www.w3schools.com/csSref/func_rgba...
test-img

UPinar

Posts

Questions

Blogs

Jobs