blob: acd504b6d97299a6feeadf976203d21bc9b9d207 [file] [log] [blame]
<html>
<body>
The div below should be rounded. You should see a rounded green square or the test has failed.
<div style="width:100px;height:100px;position:fixed;overflow:hidden;border-radius:30%">
<div style="width:100px;height:100px;position:relative;background-color:green"></div>
</div>
<p style="margin-top: 130px;">
This div should not be rounded. You should see a solid green square or the test has failed.
<div style="width:100px;height:100px;overflow:hidden;border-radius:30%">
<div style="width:100px;height:100px;position:fixed;background-color:green"></div>
</div>
<p>
This div should be rounded. You should see a rounded green square or the test has failed.
<div style="width:100px;height:100px;overflow:hidden;position:relative;border-radius:30%">
<div style="width:100px;height:100px;overflow:hidden;border-radius:24px">
<div style="width:100px;height:100px;position:absolute;background-color:green"></div>
</div>
</div>
</div>