chromium/src/third_party/blink/web_tests/fast/block/float/overlapping-floats-paint-hittest-order-1-expected.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <style>body { margin: 0 }</style>
 <div style="z-index: -1; position: absolute; width: 100%; background-color: yellow">
   <div style="margin-left: 200px">
     <div>Blah blah blah.</div>
     <div>Blah blah blah.</div>
   </div>
 </div>
 <div style="width: 150px; background-color: green">
   <div><a id="link1" onclick="clicked(event)" href="#">Link1</a></div>
   <div><a id="link2" onclick="clicked(event)" href="#">Link2</a></div>
   <div><a id="link3" onclick="clicked(event)" href="#">Link3</a></div>
   <div><a id="link4" onclick="clicked(event)" href="#">Link4</a></div>
 </div>
 <div>
 Tests paint and hit-testing order of overlapping float objects using negative margin.
 Passes if the green layer (containing 4 links) is full visible and all of the links can be clicked.
 </div>
 <div>PASS</div>
	<!DOCTYPE html>
	<style>body { margin: 0 }</style>
	<div style="z-index: -1; position: absolute; width: 100%; background-color: yellow">
	<div style="margin-left: 200px">
	<div>Blah blah blah.</div>
	<div>Blah blah blah.</div>
	</div>
	</div>
	<div style="width: 150px; background-color: green">
	<div><a id="link1" onclick="clicked(event)" href="#">Link1</a></div>
	<div><a id="link2" onclick="clicked(event)" href="#">Link2</a></div>
	<div><a id="link3" onclick="clicked(event)" href="#">Link3</a></div>
	<div><a id="link4" onclick="clicked(event)" href="#">Link4</a></div>
	</div>
	<div>
	Tests paint and hit-testing order of overlapping float objects using negative margin.
	Passes if the green layer (containing 4 links) is full visible and all of the links can be clicked.
	</div>
	<div>PASS</div>