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/