Skip to content

Instantly share code, notes, and snippets.

@g12n
Forked from anonymous/dabblet.css
Created August 2, 2012 09:31
Show Gist options
  • Save g12n/3235847 to your computer and use it in GitHub Desktop.
Save g12n/3235847 to your computer and use it in GitHub Desktop.
Chrome rounded corner bug test – with relative positioning
/*Chrome rounded corner bug test*/
.cropImage {
display: block;
overflow: hidden;
float: left;
border: 2px solid #000;
border-radius:50px;
/*Position Relative prohibits the div in Chrome and Safari from clipping it's child elements */
position:relative;
}
img{
vertical-align: bottom;
}
<div class="cropImage">
<img src="http://placehold.it/350x150" />
</div>
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment