Index: LayoutTests/css3/compositing/isolation-isolate-blended-child.html |
diff --git a/LayoutTests/css3/compositing/isolation-isolate-blended-child.html b/LayoutTests/css3/compositing/isolation-isolate-blended-child.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..b958f57fea2191672f3079abf45efd911a24bf00 |
--- /dev/null |
+++ b/LayoutTests/css3/compositing/isolation-isolate-blended-child.html |
@@ -0,0 +1,33 @@ |
+<!DOCTYPE HTML> |
+<html> |
+<head> |
+<style> |
+ div { |
+ margin: 20px; |
+ width: 130px; |
+ height: 130px; |
+ } |
+ |
+ .parent { |
+ background: rgb(55, 55, 55); |
+ position: fixed; |
+ width: 300px; |
+ height: 300px; |
+ } |
+ |
+ .isolator { |
+ isolation: isolate; |
+ background: violet; |
+ } |
+ |
+ .child { |
+ mix-blend-mode: multiply; |
+ background: olive; |
+ } |
+ |
+</style> |
+<!-- Test to ensure that "isolation:isolate" creates a stacking context, thus preventing blending with the parent element. --> |
+<body> |
+ <div class="parent"><div class="isolator"><div class="child"></div></div></div> |
+</body> |
+</html> |