<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/licenses/publicdomain/ Ensure that -moz-element using an SVG gradient is affected by mozSetImageElement. --> <!DOCTYPE html> <html> <body style="margin:0"> <div style="width:300px; height:300px; background-image:-moz-element(#g)"></div> <svg> <linearGradient id="green" gradientUnits="objectBoundingBox" x2="0" y2="1"> <stop stop-color="lime" offset="0"></stop> <stop stop-color="black" offset="1"></stop> </linearGradient> <linearGradient id="g" gradientUnits="objectBoundingBox" x2="0" y2="1"> <stop stop-color="red" offset="0"></stop> <stop stop-color="black" offset="1"></stop> </linearGradient> </svg> <script>document.mozSetImageElement("g", document.getElementById("green"));</script> </body> </html>