简体   繁体   中英

iOS css border corner join issue

I am applying CSS borders to div and I am not getting corner joins of border properly in iOS 5 as you can see in following image. Any help would be appreciated... Thanks

在此处输入图片说明

Following is being used to generate DIV

<div id="divSelection" style="position: absolute; border:3px dashed red; z-index: 1000; width: 305px; height: 206px; left: 50px; top: 50px; -webkit-transform: rotate(-10deg); "></div>​

Found this, this is bug in iOS 5, for some reason, it doesn't render dashed styled css border properly.

open following link in iOS 5

Border test

It appears only solution for now is to apply border radius with dashed border property then it will render corners properly.

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM