Hello all,
I have begun experiments with the element() for backgrounds (using
FF14). I have checked the spec [1] and after doing some test, I have
these questions.
Question 1: Will it be possible to use background-size for element()?
With my first demo [2], I can't do this,
#test1 {
background: -moz-element(#image1) 0%, -moz-element(#image1) 0% -50%,
white;
background-size: 50px;
}
but in my second demo [3], I can re-size with background-size and also
animate this with a :hover event. Please note that the referenced image
is located in a different directory. I may have to do more testing.
Question 2: Is FF doing something that the spec says is wrong? In my
second demo [3], if you hover the referenced element (an image), it
transforms by rotating on the z-axis and this show up also in the
background for the element that uses element(). This seems to go against
what the spec states.
| If the referenced element has a transform applied to
| it or an ancestor, the transform must be ignored
| when rendering the element as an image.
| [[!CSS-TRANSFORMS]]
Alan
1. http://dev.w3.org/csswg/css4-images/#element-notation
2.
<http://css-class.com/test/css/3/image/element-water-background-movement1.htm>
3.
<http://css-class.com/test/css/3/image/element-stars-background-movement2.htm>
--
Alan Gresley
http://css-3d.org/http://css-class.com/