| Index: third_party/WebKit/LayoutTests/css3/blending/isolation-isolate-simple.html
|
| diff --git a/third_party/WebKit/LayoutTests/css3/blending/isolation-isolate-simple.html b/third_party/WebKit/LayoutTests/css3/blending/isolation-isolate-simple.html
|
| index 851c7658f61b8a1a8a8cf72c4508bf7eca750bbb..56d374ed442b1929919c333972b2d07fa5cc4a52 100644
|
| --- a/third_party/WebKit/LayoutTests/css3/blending/isolation-isolate-simple.html
|
| +++ b/third_party/WebKit/LayoutTests/css3/blending/isolation-isolate-simple.html
|
| @@ -1,28 +1,32 @@
|
| <!DOCTYPE HTML>
|
| -<html>
|
| -<head>
|
| <style>
|
| - div {
|
| - width: 10px;
|
| - height: 10px;
|
| - background: green;
|
| - isolation:isolate;
|
| - }
|
| +.red {
|
| + position: absolute;
|
| + width: 100px;
|
| + height: 200px;
|
| + background-color: red;
|
| + z-index: 0;
|
| +}
|
| +.green {
|
| + width: 100px;
|
| + height: 100px;
|
| + background-color: green;
|
| + z-index: -1;
|
| +}
|
| +.isolate {
|
| + width: 100px;
|
| + height: 100px;
|
| + isolation: isolate;
|
| +}
|
| +.layer {
|
| + transform: translateZ(0);
|
| +}
|
| </style>
|
| -<!-- Isolation should create a stacking context. Test if "isolation:isolate" sets the zIndex to 0, instead of the default "auto" value. -->
|
| -<body>
|
| - <div id="isolator"></div>
|
| - <div id="isolator_accelerated" style="transform: translateZ(0)"></div>
|
|
|
| - <script src="../../resources/js-test.js"></script>
|
| - <script>
|
| - // Software path.
|
| - var zIndex = getComputedStyle(document.getElementById("isolator")).zIndex;
|
| - shouldBeZero(zIndex);
|
| -
|
| - // Hardware path.
|
| - zIndex = getComputedStyle(document.getElementById("isolator_accelerated")).zIndex;
|
| - shouldBeZero(zIndex);
|
| - </script>
|
| -</body>
|
| -</html>
|
| +<div class="red"></div>
|
| +<div class="isolate">
|
| + <div class="green"></div>
|
| +</div>
|
| +<div class="isolate layer">
|
| + <div class="green"></div>
|
| +</div>
|
|
|