CSS спрайты и iOS 4.3 или ниже - PullRequest
0 голосов
/ 05 декабря 2011

В настоящее время я работаю над сайтом, который должен быть хорошо представлен на устройствах iOS, в первую очередь на iPad. Все работает отлично, за исключением использования спрайта в качестве фонового изображения. Высота / ширина точна и работает в любом браузере, но с iOS версии 4.3.2 и ниже я получаю следующее:

Вот CSS для этих двух элементов:

#masthead > a {
  float: left;
  display: block;
  margin: 23px 80px 20px 5px;
  padding: 0;
  width: 235px;
  height: 20px;
  background: url(../../img/sprite.png) 0 0 no-repeat;
}

Вот скриншот:

А это спрайт:

Ответы [ 2 ]

0 голосов
/ 05 декабря 2011

Выглядит как кровотечение изображения. Вы должны оставить некоторое свободное пространство между изображениями в вашем спрайте.

См. Также https://stackoverflow.com/a/646981/567986

0 голосов
/ 05 декабря 2011

Похоже, это может быть overflow проблема.

Попробуйте добавить:

overflow: hidden;

Есть ли живой URL, на который мы могли бы взглянуть?

...