Stack Overflow
Stack Overflow

Questions tagged [opacity]

Opacity is the degree to which a graphical object obscures objects which are rendered behind it.

Graphical objects which have a level of opacity less than 100% can be "seen through". The objects which are rendered behind are blended with the object in front; the resulting effect being like looking through a pane of coloured glass.

Opacity appears as an attribute in many graphical contexts, including [3D rendering], and Web Styling.

Opacity is the opposite of .

See also:

2509 questions
122
votes
8 answers

Opacity of div's background without affecting contained element in IE 8?

I want to set Opacity of div's background without affecting contained element in IE 8. have a any solution and don't answer to set 1 X 1 .png image and set opacity of that image because I am using dynamic opacity and color admin can change that I…
Govind Malviya
  • 13,627
  • 17
  • 68
  • 94
114
votes
9 answers

Making text background transparent but not text itself

So I am having a problem. I have looked around and looked around but no luck. I would like to make the background of my body transparent but leave the text non transparent. As it is right now I keep making both the same opacity. Here is my code:…
Tomas
  • 1,392
  • 2
  • 9
  • 13
113
votes
7 answers

How to set opacity in parent div and not affect in child div?

Hey i am searching in google but i can't fine any perfect answer I want to Opacity in parent DIV but not Child DIV Example HTML
Hello I am child…
Rohit Azad Malik
  • 31,410
  • 17
  • 69
  • 97
100
votes
7 answers

Background images: how to fill whole div if image is small and vice versa

I have three problems: When I tried to use a background image in a smaller size div, the div shows only part of image. How can I show the full or a specific part of image? I have a smaller image and I want to use in a bigger div. But don't want to…
Aakash Sahai
  • 3,935
  • 7
  • 27
  • 41
94
votes
14 answers

image moves on hover - chrome opacity issue

There seems to be an issue with my page here: http://www.lonewulf.eu When hovering over the thumbnails the image moves a bit on the right, and it only happens on Chrome. My css: .img{ -ms-filter:…
Tasos
  • 1,622
  • 4
  • 28
  • 47
88
votes
9 answers

How to set the opacity/alpha of a UIImage?

I know you can do this with a UIImageView, but can it be done to a UIImage? I want to have the animation images array property of a UIImageView to be an array of the same image but with different opacities. Thoughts?
Marty
  • 5,926
  • 9
  • 53
  • 91
87
votes
5 answers

How to make in CSS an overlay over an image?

I am trying to achieve something like this: When I hover over an image, I would like to put on that image this dark color with some text and the icon. I am stuck here. I found some tutorials but they didn't work out for this case. Also, another…
user984621
  • 46,344
  • 73
  • 224
  • 412
84
votes
1 answer

Setting opacity on $primary-color in sass

Is there an option to include opacity on the colors you define to be your primary/secondary colors in the sass variables? In the fashion of the lighten($color, amount) function?
Furi
  • 1,015
  • 1
  • 9
  • 6
67
votes
8 answers

What has bigger priority: opacity or z-index in browsers?

I'm coding a "popup window" in JavaScript and I've come across an interesting thing: The navy square under the popup window is visible even though I would expect it to be hidden. The popup was added after the square, so it should be on the top. CSS…
MartyIX
  • 27,828
  • 29
  • 136
  • 207
67
votes
7 answers

CSS: lighten an element on hover

Assuming an element is at 100% saturation, opacity, etc... how can I have its background become slightly lighter when it is hovered? The use case is that I'm allowing a user to hover over any element on a page. I don't want to go around determining…
Don P
  • 60,113
  • 114
  • 300
  • 432
67
votes
12 answers

How to apply an opacity without affecting a child element with html/css?

I want to achieve this using html and css: I have tried to set the opacity of the container to 0.3 and the box to 1, but it doesn't work: both divs have 0.3 opacity. jsFiddle of my try here The effect I am trying to achive is a popup box that comes…
Benjamin Crouzier
  • 40,265
  • 44
  • 171
  • 236
59
votes
10 answers

How can I set the opacity or transparency of a Panel in WinForms?

I was wondering how to change or modify the transparency of a Panel in C#, not the whole form, but the panel only.. I've seen many C# tutorials on Opacity, but its for the Form. im looking for how it could be possible with the Panel only. Thank You!
Gian Santillan
  • 753
  • 1
  • 7
  • 16
59
votes
4 answers

jQuery CSS Opacity

What's wrong? I want to change the opacity if #nav .drop is display:block; jQuery(document).ready(function(){ if (jQuery('#nav .drop').css('display') === 'block') { jQuery('#main').css('opacity') = '0.6'; } });
Mike
  • 751
  • 1
  • 6
  • 17
55
votes
9 answers

Change background image opacity

I have a div element with text blocks and a parent div in which I have set a background image. Now I want to reduce the opacity of the background image. How can I do that? EDIT: I am looking to change the way my blog post looks at blogger.com by…
Victor Mukherjee
  • 10,487
  • 16
  • 54
  • 97
54
votes
4 answers

css transition opacity fade background

I am doing a transition where it fades into transparent white, when a user is hovering an image. My problem is that I need to change the color, that it fades to, to black. I have tried just simply adding background:black; to the class that contains…
simon
  • 2,235
  • 6
  • 33
  • 53
1
2
3
…
99 100