Opacity

Hello

I wonder if someone can tell me whether or not it is possible to ADD opacity to images using :hover in my stylesheet, as in:

#rightarea {
..
some images
..
opacity: 0.6;
}

#rightarea img:hover {
opacity: 1.0;
}


So far it seems to be additive but only in a take-away sense, so if I had opacity: 0.8 it would ADD to the already present 0.6 to make it even less opaque, but 1.0 will do nothing, nor will 1.6 or other values greater than 1.0

Any suggestions or help?


Here's my page: http://www.jonathanmortimer.co.uk/te...flatlinks.html

there is no such thing as opacity in CSS.. That i know of anyway.

We learn something new every day! It's not in my CSS reference book but is in my CSS reference widget (which is much newer), and is understood at least partially by Firefox and Safari.

Oh it's OK, I moved my opacity declaration to a different tag in my stylesheet and now it works. I'm still getting the hang of this!

What tag did you move it to, out of interest?

ahem...

http://www.w3schools.com/css/css_image_transparency.asp

just a lot more complex than just "opacity:0.5;"

I created thumbnails as a class, thus:

.thumbnails img {
opacity: 0.6;
}

.thumbnails img:hover {
opacity: 1.0;
}

The thumbnails class div surrounds all my thumbnail images.

It's a little more complex though as I also want it to swap the main image AND swap some text (the image caption), I found snippets of code to do this in javascript but they both relied on mouseover, so for the time-being changed one to mousedown and another to mouseup. Eventually I should have both things done on just the one mouse action, but I'm not that good with javascript yet and don't know exactly what goes where. That's another topic though, I think!

I'll think about those hurdles when I come to them
Thanks for the link!

For IE: filter:alpha(opacity=80);
For FF etc..: -moz-opacity:.80;
For everything else: opacity:.80;

Code: Select all

filter:alpha(opacity=80);
    -moz-opacity:.80;
    opacity:.80;

That is as long as you dont care if your CSS validates or not.

__________________
I hate IE 6. Just sayin....
http://www.mevans76.com