diff options
Diffstat (limited to '')
| -rw-r--r-- | layout/reftests/css-blending/background-blending-background-attachement-fixed-scroll.html | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/layout/reftests/css-blending/background-blending-background-attachement-fixed-scroll.html b/layout/reftests/css-blending/background-blending-background-attachement-fixed-scroll.html new file mode 100644 index 0000000000..91a72aeeab --- /dev/null +++ b/layout/reftests/css-blending/background-blending-background-attachement-fixed-scroll.html @@ -0,0 +1,40 @@ +<!-- Blend two background images having background-attachment: fixed and scroll respectively --> +<!DOCTYPE HTML> +<html> +<head> +<style> +#parent { + width: 200px; + height: 200px; + overflow: hidden; +} + +#child { + background: url('as-image/green100x100.png'), url('as-image/green100x100.png'); + background-attachment: fixed, scroll; + background-size: 100px 100px, 200px 200px; + background-repeat: no-repeat no-repeat; + background-blend-mode: difference; + + height: 400px; +} + +body { + margin: 0px; +} +</style> +<script> + function onLoad() { + var parent = document.getElementById("parent"); + parent.scrollTop = 100; + } +</script> +</head> + +<body onload="onLoad()"> + <div id="parent"> + <div id="child"> + </div> + </div> +</body> +</html>
\ No newline at end of file |