DWQA QuestionsCategory: ProgramWhat are the causes of border-radius failure?
liangfeng0828 asked 1 month ago

Look at the picture. Firefox, chrome and opera all have rounded corners, but not in safari. The div structure is as follows:
What are the causes of border-radius failure?

1 Answers
Best Answer
theWalker answered 1 month ago

There’s a similar problem with stack overflow.rounded-cornes-border-radius-safari-issue

liangfeng0828 replied 1 month ago

-webkit-transform: translateZ(0);-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);Find the answer on the website you provide, and add these two lines of code.