CSS Skew Jagged Edges on iPad -


i have site uses css skews extensively part of design. using backface-visibility solved jagged edge problem, except on ipad. in every other webkit browser, iphone included, edges smooth, reason ipad not behaving. here code skew:

-webkit-backface-visibility: hidden; -ms-backface-visibility:     hidden; -moz-backface-visibility:    hidden; backface-visibility:         hidden; overflow:                    hidden;  -webkit-transform: skewx(16deg); -moz-transform:    skewx(16deg); -ms-transform:     skewx(16deg); transform:         skewx(16deg);  /* ie8+ */  -ms-filter: "progid:dximagetransform.microsoft.matrix(m11=1, m12=0.28674538575880865, m21=0, m22=1, sizingmethod='auto expand')";  /* ie6 , 7 */  filter: progid:dximagetransform.microsoft.matrix(m11=1, m12=0.28674538575880865, m21=0, m22=1, sizingmethod='auto expand'); 

this site: acumen.org

-webkit-backface-visibility: hidden; -ms-backface-visibility:     hidden; -moz-backface-visibility:    hidden; backface-visibility:         hidden; 

along add following line:

outline: 1px solid transparent; 

Comments

Popular posts from this blog

c# - Send Image in Json : 400 Bad request -

jquery - Fancybox - apply a function to several elements -

An easy way to program an Android keyboard layout app -