diff options
Diffstat (limited to '')
-rw-r--r-- | testing/web-platform/tests/css/filter-effects/backdrop-filter-isolation-fixed.html | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/filter-effects/backdrop-filter-isolation-fixed.html b/testing/web-platform/tests/css/filter-effects/backdrop-filter-isolation-fixed.html new file mode 100644 index 0000000000..9954ecb86d --- /dev/null +++ b/testing/web-platform/tests/css/filter-effects/backdrop-filter-isolation-fixed.html @@ -0,0 +1,44 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>backdrop-filter: fixed position should not cause a backdrop root.</title> +<link rel="author" href="mailto:masonf@chromium.org"> +<link rel="help" href="https://drafts.fxtf.org/filter-effects-2/#BackdropFilterProperty"> +<link rel="match" href="backdrop-filter-non-isolation-ref.html"> + +<div> + <p>Expected: Two green boxes overlapped by a yellow box. The overlapped region<br> + of BOTH green boxes should be inverted (pink).</p> +</div> +<div class="box outside"> + <div class="box stacking-context"> + <div class="box filter"> + </div> + </div> +</div> + +<style> +.box { + position: absolute; + width: 100px; + height: 100px; + background: green; +} +.outside { + top: 110px; + left: 10px; +} +.stacking-context { + position: fixed; + top: 110px; + left: 130px; +} +.filter { + width: 160px; + height: 160px; + top: 30px; + left: -90px; + backdrop-filter: invert(1); + background: #ff08; +} +</style> + |