Previous Message
Next Message

whatever:hover fast and easy via Dynamic Properties

Sent by Ingo Chao on 11 July 2005 08:08


Klaus Hartl schrieb:
> One can also use a totally unused property to assign the events, like:
> .whatever {
>     zoom: expression(
>         this.onmouseover = function() { this.className += ' 
> whateverhover'; },
>         this.onmouseout = function() { this.className = 
> this.className.replace('whateverhover', ''); });
> }
> 
> But this may have side effects in some cases. "zoom" for example 
> triggers "layout", which can have some effect on the rendering...

Indeed.

- zoom on an inline element, this will more behave like inline-block.
- applied on an container element (affecting floats, relatively 
positioned constructs, and more), it may change the rendering fundamentally.

-> avoid "layout", no need to call the evil

Ingo

-- 
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: