| <!DOCTYPE html> |
| <script src="../../../resources/testharness.js"></script> |
| <script src="../../../resources/testharnessreport.js"></script> |
| |
| <style> |
| #auto { |
| z-index: auto; |
| opacity: 0.9; |
| } |
| |
| #one { |
| z-index: 1; |
| } |
| |
| #inheritAuto, #inheritOne { |
| position: relative; |
| z-index: inherit; |
| } |
| </style> |
| |
| <div id="auto"> |
| <div id="inheritAuto"></div> |
| </div> |
| |
| <div id="one"> |
| <div id="inheritOne"></div> |
| </div> |
| |
| <script> |
| test(() => { |
| assert_equals(getComputedStyle(inheritAuto).zIndex, 'auto'); |
| assert_equals(getComputedStyle(inheritOne).zIndex, '1'); |
| }, 'z-index should inherit the computed value'); |
| </script> |