<!DOCTYPE html> | |
<html> | |
<body> | |
<div>This test checks that layers with border-radius are properly clipped.</div> | |
<div>You should see a green rounded rectangle with a purple border below. The rectangle should be contained within the border.</div> | |
<div style ="width:300px; height:100px; border-radius:30px; border:3px solid purple; overflow:hidden;"> | |
<div style="height: 100%;position:relative;"> | |
<div id ="img1" style="width:100%; height:100%;background-color: green"></div> | |
</div> | |
</div> | |
</body> | |
</html> |