Current browsers don't have good widespread support for changing image opacity. Right now only a few are capable, Opera and Safari I think. IE5/6 definitely do not so it can't be done purely with CSS. By having two variations of each image, one at 100% opacity and a matching one at a lower opacity (which would have to be done in an image editing program like Photoshop), you could then swap between the two on hover using some CSS.

- Ben

On Jun 20, 2006, at 1:14 AM, TMH Design wrote:

Couldn't you just change the opacity of an image?

-----Original Message-----
From: Ben Liu [mailto:[EMAIL PROTECTED]
Sent: Monday, June 19, 2006 1:03 PM
To: TMH Design
Cc: [email protected]
Subject: Re: [css-d] Image Fading Effect w/ CSS

You can do this with a:hover and two separate background images I think.

- Ben

On 6/20/06, TMH Design <[EMAIL PROTECTED]> wrote:
Look at this page please -
http://www.santarosadentist.com/enriching_lives.htm When you mouse over
the
pictures the opacity changes, or so it would seem. Can this same effect be
achieved using CSS only? Tom

_____________________________________________________________________ _
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/






______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to