html - Border radius not working in Safari 5 -
i need have 1 outer div position:absolute , border-radius. inside outer div might have 1 or more inner position:absolute divs. want inner divs when located in border-radius of outer div (example: top:0px; left:0px;) not hide border-radius of outer div.
this behavior working fine in browser except safari.
i need support behavior in safari 5 6 , 7. have seen solutions -webkit-mask-image
none of them works in safari 5.
this example of html trying display:
<div style="position:absolute; background:blue; width:300px; height:300px; border-radius:30px; overflow:hidden;"> <div style="position:absolute; background:red; width:200px; height:200px;"></div> </div>
any ideas?
use border-radius: inherit;
in second div.
Comments
Post a Comment