#css #ipad #safari
#css #iPad #safari
Вопрос:
Видите белые неровности по углам? Это проблема с моим 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}*/);
Комментарии:
1. Я думаю , я понимаю, о чем вы говорите… Я не думаю, что я бы заметил.
2. Это выглядит так же плохо на рабочем столе Safari? Так и должно быть.
3. @BoltClock — В Safari это выглядит четко, я вижу это только на iPad.
Ответ №1:
Я видел эту проблему в Safari и пытался найти решение, которое решило ее для меня много месяцев назад. К сожалению, я не могу найти исходное сообщение.
Хотя я думаю, что ответ, который вы ищете, который может решить вашу проблему, — это 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 */