element-paint-multiple-backgrounds-01-ref.html (533B)
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: linear-gradient(lime,lime) top left no-repeat, 15 linear-gradient(green,green) top right no-repeat red; 16 background-size: 100px 100px; 17 } 18 19 div > div { 20 width: 100px; 21 height: 100px; 22 } 23 24 </style> 25 </head> 26 <body style="margin:0"> 27 <div id="box"></div> 28 29 </body> 30 </html>