
So you’ll need to think of a different way of drawing your Sierpinski carpets. Using a canvas as a background image is supported by Webkit, too, using -webkit-canvas().Ī quick note on recursive references: If you try to paint an element that is already being painted via -moz-element, a painting loop will be detected and prevented. Instead, you can just set the canvas itself as the background image. For example, if you’re applying sepia tone to CSS background images in the browser, you now no longer have to convert the processed canvas image into a data URI. Even with …Ĭanvas-as-background is in fact useful for some applications. That means you can’t “click through” to the original element. It will also show things like text selection or blinking carets. It’s live: whenever something happens in the referenced element, the -moz-element background image will be updated. There are three things to keep in mind about -moz-element: Using background-size you can create a thumbnail of the referenced element, for example: That means it’s subject to all the familiar background properties like background-position, background-repeat, and even background-size. This box uses #myBackground1 as its background!Ī -moz-element() image works just like a normal url() image. This element will be used as a background. In Firefox Beta 4 we’re introducing a new extension to the CSS background-image property: the ability to draw arbitrary elements as backgrounds using -moz-element(#elementID).
#4 elements drawing mac
Markus usually works on the Firefox Mac theme implementation, but this time he went on a small side trip through the Gecko layout engine in order to implement -moz-element.
