| <!DOCTYPE html> |
| <div style="position:relative; width:100px; height:100px; background:green;"></div> |
| <div style="translate:initial; margin-top:-100px; width:100px; height:100px; background:red;"></div> |
| |
| <div style="position:relative; width:100px; height:100px; background:green;"></div> |
| <div style="scale:initial; margin-top:-100px; width:100px; height:100px; background:red;"></div> |
| |
| <div style="position:relative; width:100px; height:100px; background:green;"></div> |
| <div style="rotate:initial; margin-top:-100px; width:100px; height:100px; background:red;"></div> |
| This test verifies resetting CSS translate to initial value doesn't result in a stacking context. |