third_party/WebKit/LayoutTests/css3/blending/isolation-isolate-simple.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <style>
   5     div {
   6         width: 10px;
   7         height: 10px;
   8         background: green;
   9         isolation:isolate;
  10     }
  11 </style>
  12 <!-- Isolation should create a stacking context. Test if "isolation:isolate" sets the zIndex to 0, instead of the default "auto" value. -->
  13 <body>
  14     <div id="isolator"></div>
  15     <div id="isolator_accelerated" style="transform: translateZ(0)"></div>
  16
  17     <script src="../../resources/js-test.js"></script>
  18     <script>
  19         // Software path.
  20         var zIndex = getComputedStyle(document.getElementById("isolator")).zIndex;
  21         shouldBeZero(zIndex);
  22
  23         // Hardware path.
  24         zIndex = getComputedStyle(document.getElementById("isolator_accelerated")).zIndex;
  25         shouldBeZero(zIndex);
  26     </script>
  27 </body>
  28 </html>