Linked Questions

Ask Question
21 questions linked to/from CSS background-image-opacity?
Hot Newest Score Active Unanswered
19 votes
4 answers
94k views

I want know that "How can I change background image opacity without changing on div content?" I searched too much & I don't find a good answer to solve this issue! HTML <div class=&...
hadivoice's user avatar
  • 311
1 vote
9 answers
22k views

What I am trying to achieve sounds very simple but I can't get it to work. I am trying to add opacity on top of the image so that the < h1 > tag is easier to read. Here is my HTML: <header&...
Henry's user avatar
  • 5,323
0 votes
2 answers
872 views

I have the following code and have added opacity to the solid overlay colour. The problem is that the text is also using the opacity. How do I change it so that the text does not have the opacity and ...
John Higgins's user avatar
  • 907
-2 votes
1 answer
301 views

I'm using react module.css and my outer class has an rgba that makes the opacity slightly grayed out. Thing is, I don't want it to apply to the inner class which is what's happening. JSX import styles ...
Ayoub Dhaouadi's user avatar
  • 3
0 votes
1 answer
322 views

my problem is the following: I have a div, that is just a background and has other tags inside. I apply the following background to the div: background: linear-gradient(158.72deg, rgba(255, 255, 255, ...
trydmi's user avatar
  • 1
2 votes
1 answer
115 views

I want to set an image as the background for the whole page but also want to control its opacity using CSS without affecting the opacity of the content. Is it possible and if yes then how can I do it? ...
Abdullah's user avatar
  • 46
0 votes
0 answers
71 views

I am trying to make a nice hover transition with a gradient background over an image. The problem is I can't get the transition to work on the gradient background. So I moved it behind the image ...
Parzi's user avatar
  • 714
0 votes
1 answer
58 views

This is just a dummy example with no bg image, but If I did have a background image how would I achieve the goal of changing the image opacity and not affecting the text? Here is a code example: HTML:...
Desmond Winn's user avatar
  • 73
2551 votes
30 answers
1.6m views

Is it possible, using CSS only, to make the background of an element semi-transparent but have the content (text & images) of the element opaque? I'd like to accomplish this without having the ...
Stijn Sanders's user avatar
  • 37k
171 votes
10 answers
903k views

I want to make the list menu's background disappear by using opacity, without affecting the font. Is it possible with CSS3?
Saranya's user avatar
  • 1,721
17 votes
5 answers
55k views

I have the following css. #mypass{ background-image: url("Images/logo.png"); background-attachment: fixed; background-position:140px 100px ; ...
RAVITEJA SATYAVADA's user avatar
  • 2,571
5 votes
2 answers
43k views

I am trying to make my background image transparent, and the rest of the page not transparent, eg a faded background image on top of non faded HTML and CSS. I have an HTML page with an image as the ...
user4420358's user avatar
  • 313
0 votes
2 answers
17k views

there is a div (namely div_fixed) which is fixed in position. Another div namely other_content is beneath the div_fixed. The other_content div has a padding-top property so that when the page is ...
Istiaque Ahmed's user avatar
  • 6,526
0 votes
1 answer
12k views

I have a background-image that must be animated through fadein and fadeout effect on hover event. How I can do that?
user2560165's user avatar
  • 149
2 votes
3 answers
6k views

I have a some text on image, but the problem is i am using opacity so that text gets highlighted but it makes images look very dull. Here is Updated Fiddle Link Html <div class="subcontainer"...
Richa's user avatar
  • 3,299

15 30 50 per page
1
2