| 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>
|
|
|
Chromium Code Reviews
Issue 75303002:
[Blending and compositing] Implement the isolation CSS property in software (Closed)
Base URL: svn://svn.chromium.org/blink/trunk