As far as i can see, this shouldn't be any problem at all. Just switch
the opacity values. Normal case:

a {opacity:1;}
a:hover {opacity:0.7;}

what you want:

a {opacity:0.7;}
a:hover {opacity:1;}

That should about cover it I guess. Of course, it doesn't have to be 1,
you can choose any value between 0 and 1 as base value.

Greets,
Niels Matthijs

-----Original Message-----
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Ellen Heitman
Sent: 12 May 2009 16:30
To: css-d@lists.css-discuss.org
Subject: [css-d] Hover over link - opacity

I've come across numerous tutorials on how to alter the opacity of an
image
link when hovering over it. I've seen that you start with a less opaque
image and, when hovered over, the image becomes opaque. Can the reverse
be
done? Can I have the normal image, and when I hover over it, lessen the
opacity? I haven't seen any advice on how to do this, and I know that
opacity is sometimes a tricky thing in how browsers process it.
Thanks!
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to