Topic awaiting preservation: divs - opacity ~ (Page 1 of 1)

anyone been able to effect the opacity of a colored div? allowing the content underneath to appear through? -like changing the opacity on an Adobe layer . . .

wanting a similar effect the .css 'on the fly' code gives, but by changing only a colored div atop the content rather than the style sheet.

would like to spend time with the style sheet method, yet have limited time for such enjoyment.

zarathustrai: Welcome. Its not clear what you are asking. Yes it is possible to change the opacity of a DIV so you can see what is underneath. If you want to dynamically change the opacity this can also be done - if that is what you want.

Could you give an example of how it was going to be used?

Emps


You're my wife now Dave

Well Emps, Thats what *I* want!!!!!!

What? Another topic? An Email? ICQ?

You just tell me!

This will work in IE & Mozilla:

<DIV STYLE="filter:alpha(opacity=50);-moz-opacity:50%;"></DIV>

You can also dynamically change opacity and I wrote two JS functions that can do that (you can get them from my web site).

Yeah!, I got them from my fav section! The wallpapers!

This is a little bit off topic - Wakkos, I've just added three more wallpapers... Check them out!

Ehemmm, that kind of stuff are never off-topic mr.maX!!

Great replies, guyz. Emperor - changing the alpha levels seems to be what was wanted. I thought it might be neat to change the hue of the entire page (pictures, text, etc) (without switching style sheets) by creating a semi-translucent div that sits atop - able then to change div's, thereby changing hues.

Max, couldn't find the js you noted about. did find many other *ahem* interesting pictures and such.

I'll work with the alpha filter, see what can be done.
thanKs

max, found the page
good stuff

Max helped me with this one, which uses some different opacity settings: http://www.runningwolf.com/development/code/hide_divs.htm

Pugzly, this link is to hide the layer, to change the visibility propierty, but nothing to do with opacity!

Wrong link?

The alpha filter plus Max's javascript works perfectly.
I put

onMouseOver="hideLayer('blue'); hideLayer('red'); hideLayer('orange'); showLayer('green');"

an so forth .. . into an image tag, then placed that same color image ('yourcolor.gif') with Max's

'STYLE="filter:alpha(opacity=45);-moz-opacity:45%;'

onto the appropriate div, allowing someone then to choose which hue they wish the content to take.
works rather well.
thanks max

Wakkos, if you take a closer look, you'll see that pages 5 & 7 are partially transparent (so, it's actually a combination of those two things - changing layer visibility and opacity settings)...

Oh yes! Page 5 and 7!! I didn't see thet!!!
hehehe, Was oK Pugzly! sorry....

My fault too, as I didn't mention which pages to check. Sorry - I was on my way out the door to vacation when I sent that.

Hope it helped someone.

Working againg with this:

I use the mr.maX setOpacity and getOpacity functions, they work excelent.

But there's a way to make them work from anoter link?
I mean, if I make mouseover over a text, the image named"fulanito" or the layer named "sutanito" will get the opacity to 100%

I've been fighting with JS to do that, but I'm a total mess, and have nothing to show!

Thank you!

You can use the following code:

<A HREF="javascript:maxSetOpacity(document.getElementById('layerName'), 100);">CLICK HERE!!!</A>

BTW Note that you should use ID parameter to define names for images.

Thank you mr.maX!
Yep, I saw the 'id' thing when I was making the test....

*goes to test*

BTW, mr.maX, the ONMOUSEOUT="maxSetOpacity(this, 50)" is not working on your page under Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.0.0) Gecko/20020530.

Starting from version 0.9.9, Mozilla has *seriously* fucked up support for alpha blending and they haven't fixed it even in final version, grrr...

The last version of Mozilla where alpha blending is working fine is version 0.9.8. I hope that they will fix this soon.