Skip to content

Instantly share code, notes, and snippets.

@andrewdh
Created September 19, 2012 23:50
Show Gist options
  • Save andrewdh/3753088 to your computer and use it in GitHub Desktop.
Save andrewdh/3753088 to your computer and use it in GitHub Desktop.
Chrome border-radius bug
/**
* Chrome border-radius bug
*/
body {
background-color: #777;
}
.wrapper {
position:relative;
width:200px;
height:200px;
overflow:hidden;
border:3px solid red;
border-radius: 20px;
z-index: 999;
}
#inside, #sosumi {
width: 100%;
height: 100%;
background-color: #333;
border-radius: 16px;
}
<div class="wrapper">
<img id="sosumi" src="http://images.apple.com/safari/images/overview_hero.jpg"/>
</div>
{"view":"separate","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