CSS3 Rollovers

I’m using the CSS3 rollovers action and liking the opacity effect. I know that this does not work in IE8. Is there a reason CSS3 opacity doesn’t work when CSS opacity does?

http://joseph.randomnetworks.com/archives/2006/08/16/css-opacity-in-internet-explorer-ie/

Nathan Garner

http://www.austinwellsdesign.co.uk

FW5 Pro | MacBook Pro | Snow Leopard


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Nathan,
The CSS3 Rollover action (http://www.freewayactions.com/test/css3-rollovers/
) is a lot like the CSS Transparency Rollover action (http://www.freewayactions.com/test/css-transparency-rollover/
) but differs in a couple of ways;

  1. It handles WebKit transitions (the rotations)
  2. The opacity effects aren’t cross browser compatible

If you don’t need animations then use the CSS Transparency Rollover
action. At some point in the future these two will get merged into a
single action that will do the CSS3 Rollover stuff in a cross browser
sort of fashion (albeit without the animations in IE etc).
Regards,
Tim.

On 6 Jul 2010, at 09:21, Nathan Garner wrote:

I’m using the CSS3 rollovers action and liking the opacity effect. I
know that this does not work in IE8. Is there a reason CSS3 opacity
doesn’t work when CSS opacity does?

http://joseph.randomnetworks.com/archives/2006/08/16/css-opacity-in-internet-explorer-ie/

FreewayActions.com - Freeware and commercial actions for Freeway
Express & Pro.

Protect your mailto links from being harvested by spambots with Anti
Spam.
Only available at FreewayActions.com

http://www.freewayactions.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Tim. The rollover works fine now using the css transparency rollover, but now IE can’t handle the transparency in the png itself. It displays as a big black border.
http://www.newyoubootcamp.com/

Nathan Garner

http://www.austinwellsdesign.co.uk

FW5 Pro | MacBook Pro | Snow Leopard

On 6 Jul 2010, at 10:02, Tim Plumb wrote:

Hi Nathan,
The CSS3 Rollover action (http://www.freewayactions.com/test/css3-rollovers/) is a lot like the CSS Transparency Rollover action (http://www.freewayactions.com/test/css-transparency-rollover/) but differs in a couple of ways;

  1. It handles WebKit transitions (the rotations)
  2. The opacity effects aren’t cross browser compatible

If you don’t need animations then use the CSS Transparency Rollover action. At some point in the future these two will get merged into a single action that will do the CSS3 Rollover stuff in a cross browser sort of fashion (albeit without the animations in IE etc).
Regards,
Tim.

On 6 Jul 2010, at 09:21, Nathan Garner wrote:

I’m using the CSS3 rollovers action and liking the opacity effect. I know that this does not work in IE8. Is there a reason CSS3 opacity doesn’t work when CSS opacity does?

http://joseph.randomnetworks.com/archives/2006/08/16/css-opacity-in-internet-explorer-ie/

FreewayActions.com - Freeware and commercial actions for Freeway Express & Pro.

Protect your mailto links from being harvested by spambots with Anti Spam.
Only available at FreewayActions.com

http://www.freewayactions.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options