<!doctype html> | |
<html> | |
<head> | |
<style> | |
table { | |
width: 225px; | |
height: 225px; | |
background: url('../backgrounds/resources/bg_position_larger.gif') repeat; | |
border-radius: 50%; | |
border: solid 1px #aaa; | |
} | |
#description { | |
opacity: 0; | |
} | |
</style> | |
</head> | |
<body> | |
<div> | |
<table></table> | |
</div> | |
<div id='description'> | |
Test crbug.com/243774: background image from rounded corner element bleeds out. | |
If this test passes, the background image will be clipped according to border-radius. | |
</div> | |
</body> | |