element-paint-multiple-backgrounds-01a.html (645B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/licenses/publicdomain/ 4 Multiple -moz-element background images 5 --> 6 <!DOCTYPE html> 7 <html> 8 <head> 9 <style> 10 11 #box { 12 height: 100px; 13 width: 200px; 14 background: -moz-element(#lime) top left no-repeat, 15 -moz-element(#green) top right no-repeat red; 16 } 17 18 div > div { 19 width: 100px; 20 height: 100px; 21 } 22 23 </style> 24 </head> 25 <body style="margin:0"> 26 <div id="box"></div> 27 28 <div style="overflow:hidden; height:0"> 29 <div id="lime" style="background-color: lime"></div> 30 <div id="green" style="background-color: green"></div> 31 </div> 32 </body> 33 </html>