<?xml version="1.0" encoding="UTF-8"?> <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" reftest-zoom="2"> <head> <title>Test for bug 541270 (SVG Effects area)</title> <style type="text/css"> html, body, div { display: block; width: 100%; height: 100%; border: none; margin: 0; padding: 0; } /* ick, filters can't be display: none or inside of something display:none! */ svg { display: block; height: 0; } </style> </head> <body> <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <defs> <!-- use a filter that doesn't change anything (since the background is opaque, we can apply a gamma correction to the alpha channel) but is unlikely to be optimized away --> <!-- use sRGB to avoid errors creeping in --> <filter id="notMuch" x="0%" y="0%" width="100%" height="100%" style="color-interpolation-filters: sRGB"> <feComponentTransfer> <feFuncR type="linear" intercept="0" slope="1" /> <feFuncG type="linear" intercept="0" slope="1" /> <feFuncB type="linear" intercept="0" slope="1" /> <feFuncA type="gamma" exponent="0.5" /> </feComponentTransfer> </filter> </defs> </svg> <div style="background: #fc3; filter:url(#notMuch)"><div style="background: #3c6; width: 100px;height:25px" /></div> </body> </html>