blob: 7d14e317d698b3f674e9098841875f6991385cec [file] [log] [blame]
<!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.