html5 - overflow is not working with boarder radius in Safari and in mobiles -



html5 - overflow is not working with boarder radius in Safari and in mobiles -

in coding, overflow not working in safari boarder radius. please help me

here code

class="snippet-code-css lang-css prettyprint-override">.circle1{ width:300px; height:300px; margin-right: 4.2%; border: 10px solid rgba(178,78,196,.43); border-radius: 500px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -ms-border-radius: 500px; -o-border-radius: 500px; float: left; overflow: hidden; position: relative; } .circle1 img { width:100%; height:100%; -webkit-border-radius: 500px; -moz-border-radius: 500px; -ms-border-radius: 500px; -o-border-radius: 500px; border-radius: 500px; } .circle1 .strip{ background: rgba(178,78,196,.40); width:300px; height: 94px; overflow:hidden; position: absolute; bottom:0; z-index: 1; text-align: center; } .strip h4{ color: #ffffff; text-shadow: 0px 1px 1px(133,78,152,.75); font-family: 'helveticaltstdbold'; margin-top: 25px; } class="snippet-code-html lang-html prettyprint-override"> <div class="circle1"><img src="http://placehold.it/500x500" /><div class="strip"><h4>students</h4></div></div>

in coding, overflow not working in safari boarder radius. please help me

html5 css3 safari

Comments

Popular posts from this blog

java Multi query from Mysql using netbeans -

c# - DotNetZip fails with "stream does not support seek operations" -

c++ - StartServiceCtrlDispatcher don't can access 1063 error -