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
30
votes
5 answers

How to keep text opacity 100 when its parent container is having opacity of 50

I have a list div which have a opacity set to 50 and inside this div I want to display some text with opacity 100, Here's what I mean:
Text
The CSS would be: #outer { opacity: 0.5; } #inner…
Moksha
  • 1,030
  • 6
  • 17
  • 38
30
votes
6 answers

Check opacity by jQuery

How do I check if the opacity of an element is 0, and then do something in jQuery?
James
  • 42,081
  • 53
  • 136
  • 161
30
votes
5 answers

How to change the background colour's opacity in CSS

I have a PNG file which I give a background colour to its transparent areas, but I would like to make the background colour a bit transparent, like opacity. Here is my code so far: social img{ opacity:0.5; } .social img:hover { opacity:1; …
Alex Jj
  • 1,343
  • 10
  • 19
  • 30
29
votes
1 answer

Text CSS Rendering Performance : RGBA vs HEX vs OPACITY

A designer always provides CSS using opacity rather than actual color values. Does this affect rendering performance in the browser? Which renders faster, on an always white background, where I don't actually care about…
simbolo
  • 7,279
  • 6
  • 56
  • 96
29
votes
3 answers

jQuery opacity animation

I am making a website, and it allows users to change view options. I use jQuery to smooth animations for font changing. It fades the whole page out and back in again with the new fonts. The fade out animation is fine, but when it fades back in,…
xsznix
  • 2,535
  • 2
  • 17
  • 14
28
votes
7 answers

CSS animation with delay and opacity

I am trying to fade in an element after 2 sec using CSS animation. The code works great in new browsers, but in old browsers the element will stay hidden because of "opacity:0". I want it to be visible in old browsers and I don't want to involve…
user1087110
  • 3,633
  • 11
  • 34
  • 43
28
votes
4 answers

How to make Qt widgets fade in or fade out?

I am trying to fade in and fade out a QLabel or for that matter any QWidget subclass. I have tried with QGraphicsEffect, but unfortunately it works well only on Windows and not on Mac. The only other solution which can work on both Mac & Windows…
Soumya Das
  • 1,635
  • 2
  • 19
  • 28
28
votes
1 answer

Change Background opacity without changing content opacity

I wanted to know how can I change the opacity of the background of the WPF Window without effecting the inner child controls. When I change the Window property 'Opacity' to 0.5 I do get a semi-transparent window, but the image inside the window also…
Liron Harel
  • 10,819
  • 26
  • 118
  • 217
28
votes
2 answers

Can a child div have a higher opacity than parent with css?

I have a background on a page body that is an image which I want to show through the first level of divs but not the second

This is a wrapper that shows some of the background

Brian
  • 4,328
  • 13
  • 58
  • 103
27
votes
3 answers

How does CSS opacity affect accessibility?

After browsing a number of Google and other SO articles, I've decided to ask my question plainly in hopes of a simple, direct answer. To add one further step to the discussion on Does opacity:0 have exactly the same effect as visibility:hidden: I…
Greg Perham
  • 1,835
  • 1
  • 17
  • 26
26
votes
5 answers

Opacity on a background Drawable image in View (using XML Layout)

I was just wondering if there was a way to change the opacity of the background image for a View (ie. TextView, etc.). I know that I can set the background image like this: android:background="@drawable/my_drawable_image" Or I can set a specific…
xil3
  • 16,305
  • 8
  • 63
  • 97
26
votes
7 answers

Create non-transparent div on top of transparent parent element

EDIT: Changed title to actually be correct I'm trying to simulate a modal popup in all HTML and CSS and am having a bit of bad luck with one single element of what I'm doing. I want the innermost div, the one with the content, to not be opaque…
Payton Byrd
  • 956
  • 1
  • 12
  • 27
26
votes
8 answers

jquery IE Fadein and Fadeout Opacity

I am getting this weird problem in IE with a CSS Overlay I am applying for a lightbox. Basically, I use fadein and fadeout for jquery - the problem is that everything works fine EXCEPT in IE. In IE - I get no fadein - rather it just goes straight to…
Tom
25
votes
3 answers

Is the opacity and alpha the same thing for UIView

I want to use animation to change UIView's color to make it fade, however, somehow i can't access and set opacity, but i can set alpha. I wonder if alpha and opacity are the same? Search on the web and I didnt find a good answer. Thanks a lot for…
trillions
  • 3,669
  • 10
  • 40
  • 59
24
votes
1 answer

UIView and subviews - opacity

Is it possible to make a UIView (and any other subviews within it) set to an opacity of say 0.5 or whatever? Not sure if this is even possible, but want to ask.
mootymoots
  • 4,545
  • 9
  • 46
  • 74
1 2 3
…
99 100