Le 27 août 2013 à 01:52, Chris Rockwell <ch...@chrisrockwell.com> a écrit :

> This is a webkit thing, check it in Firefox and it should work.  I'll need
> to do more research to find out why.

I'm absolutely not clear why the percentage based animation actually works in 
Firefox (and incidentally, Presto based Opera 12.x). And Eric notes it doesn't 
seem to work in IE 11 (and IE 10?). That seems correct per spec to me. That is 
pure CSS 2.1:
http://www.w3.org/TR/CSS21/visuren.html#position-props

specifically:
> 
> Percentages:          refer to height of containing block

In the test case, the height of the containing block (.wrapper2) has a value of 
'auto', which means that 'top' can't be computed.


The demo would work in WebKit if the containing block has a specified height 
(e.g. 10em) or the animated box (.content) is position: absolute.

Philippe
--
Philippe Wittenbergh
http://l-c-n.com




______________________________________________________________________
css-discuss [css-d@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/

Reply via email to