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
0
votes
2 answers

Why my loading text not stand out tho it has bigger z-index than my background image?

I'm making a blurry loading effect. My background image has a z-index of -1 and my loading text has no z-index. Everything works except my loading text, I can't see it loading and stand out from my background image... Does anybody know what's wrong?…
suga sunshie
  • 107
  • 2
  • 7
0
votes
1 answer

Element opacity stuck because of psuedoelement

I'm trying to build a "block" on a website that contains a background image with lowered opacity, some text with regular opacity and a button with regular opacity Currently, I'm getting the background image and text to work, but the button is stuck…
leaf
  • 19
  • 3
0
votes
1 answer

Main.js file causing the whole page to crash

I am making a multipage website. I add this preloader to my index page only. I don't get errors in index pages but get many errors on my other pages for this. The errors i found: main.js:10 Uncaught TypeError: Cannot set property 'textContent' of…
Deauther
  • 1
  • 1
0
votes
2 answers

Change the Opacity of a background-image

I added an SVG image to the background of my page with CSS however I am trying to change the opacity with no luck. I tried adding an image tag but I would prefer adding the image via the background-image property. Is it even possible to change the…
Edwin Castro
  • 1
  • 2
  • 3
0
votes
1 answer

How to set opacity 0 to 1 in js plane

I have carrusel of photo every foto when it's loaded have the opacity 0 and I wont to make a transiction with opacity 0 to 1 function opacityCarrusel() { if (imagenEnsaladas.style.opacity < 1) { imagenEnsaladas.style.opacity = +0.1; } …
Unai Madariaga
  • 53
  • 6
0
votes
1 answer

Change the opacity of all elements in webpage by running chrome console

I have tried this but it returns error (Uncaught TypeError: Cannot set property 'opacity' of undefined) console.dir(document.getElementsByTagName("*").style.opacity="0.5");
nitsir
  • 65
  • 1
  • 7
0
votes
1 answer

why is this code not able to change the opacity of an element by its id

I am wondering why the opacity for the element is not temporary reduced when the appropriate button is pressed. Thanks for your help. function sleep(miliseconds) { var currentTime = new Date().getTime(); while (currentTime + miliseconds >=…
5-HT2A
  • 69
  • 1
  • 1
  • 7
0
votes
1 answer

Image Hover CSS Wordpress Avada

I am building a Wordpress site for my nonprofit using the theme Avada and trying to implement some basic custom code. I am using a "Modal Text / HTML Link" with an image to link to a modal (a pop-up:…
dori
  • 1
  • 1
0
votes
2 answers

Menu onClick change body opacity and color with out effecting header

Menu onClick change body opacity and color with out effecting header portion. Header must continue with opacity 1 and white background. Also, release function when click anywhere. $(document).ready(function() { $(document).on('click', 'button',…
VKS
  • 17
  • 7
0
votes
1 answer

Opacity issues in Chrome and IE

I am seeing weird behavior in IE 7 and Chrome with changing the opacity on a transparent background png in my navigation. the CSS : ul.tabs a { height: 48px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; …
Zac
  • 12,637
  • 21
  • 74
  • 122
0
votes
1 answer

HtmlCanvas + globalAlpha + overlap = incorrect output color

I want to draw a stack of almost transparent white rectangles that overlap each other. Each rectangle has an opacity of 0.01 I have 100 rectangles overlaping, I expect the output result to be the sum of all the opacity. In other term, I expect the…
Tom Lecoz
  • 75
  • 1
  • 9
0
votes
1 answer

Text moving after the animation

I have a div which contains an h2 and a p. I have a transition of opacity. its opacity goes from 0 to 1 when we hover at that. The problem is that when I hover at that, the transition happens but after that, the last lines of h2 and p moves some…
Krishna Agarwal
  • 17
  • 3
0
votes
0 answers

How to apply 'simple 'opacity to combined(layered) mp4s in FFMPEG

I am not getting the final image results I need when layering together multiple mp4s of the same length and format into a single output MP4. I am using ffmpeg to create a pseudo 'motion blur' effect on animation, and need to layer mp4s together with…
Cam
  • 35
  • 3
0
votes
1 answer

image:hover with opacity not staying behind my fixed header?

I am having trouble trying to work something out. I have added some opacity to my "image:hover", however with this activated it seems to override my fixed header. I have tried putting the header on a "z-index: 0;" and the image on a "z-index; -1"…
mariaalouisaa
  • 46
  • 4
0
votes
1 answer

Why is my CSS opacity transition not working?

I just started to learn CSS and ran into a problem with opacity transition for tooltips. I made an example that only includes the code that apply to this problem. I have created some tooltips and wanted to add a opacity transition to some variations…
Akilde
  • 13
  • 2
1 2 3
…
99 100