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

Popular posts from this blog

Android layout hidden on keyboard show -

google app engine - 403 Forbidden POST - Flask WTForms -

c - Why would PK11_GenerateRandom() return an error -8023? -