Почему границы радиуса выглядят как дерьмо на iPad?

Question

Видите белые углы на углах?Это проблема с моим CSS или это то, что он должен отображать?

Вот мой CSS:

border: 1px solid       rgba(0,0,0,.33) /*{d-bup-border}*/;
background:             #fff /*{d-bup-background-color}*/;
font-weight: bold;
color:                  #223d74 /*{d-bup-color}*/;
text-shadow: none;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image:    -moz-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* IE10 */
background-image:      -o-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* Opera 11.10+ */
background-image:         linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/);

Answer 1

Я видел эту проблему в сафари и пытался найти решение, которое решило ее для меня много месяцев назад.К сожалению, я не могу найти оригинальное сообщение.

Хотя я думаю, что ответ, который вы ищете, может решить вашу проблему: background-clip

-moz-background-clip: padding;     /* Firefox 3.6 */
-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */

Взято из CSS-хитрости - прозрачные рамки с фоновым клипом