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/