layout: Make absolutely-positioned elements with z-index: auto not

stacking contexts.

Improves many sites.

Closes #7069.
This commit is contained in:
Patrick Walton 2015-08-10 12:26:03 -07:00
parent 84c4a26e4d
commit d3d59ced36
26 changed files with 58 additions and 80 deletions

View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<style>
body, html {
margin: 0;
padding: 0;
}
</style>
<div style="background: red; position: absolute; height: 40px; width: 40px; top: 10px; left: 10px;"></div>
<div style="background: green; position: relative; height: 40px; width: 40px; top: 20px; left: 20px;"></div>

View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<style>
body, html {
margin: 0;
padding: 0;
}
</style>
<div style="background: red; position: absolute; height: 40px; width: 40px; top: 10px; left: 10px;"></div>
<div style="background: green; position: absolute; height: 40px; width: 40px; top: 20px; left: 20px;"></div>

View file

@ -11,6 +11,7 @@ fragment=top != ../html/acid2.html acid2_ref.html
== abs_rel_explicit_height.html abs_rel_explicit_height_ref.html
== absolute_inline_containing_block_a.html absolute_inline_containing_block_ref.html
== absolute_z_index_auto_paint_order_a.html absolute_z_index_auto_paint_order_ref.html
== acid1_a.html acid1_b.html
== acid2_noscroll.html acid2_ref_broken.html
== after_block_iteration.html after_block_iteration_ref.html