Почему не отображается именно на apple?

На сайте есть страницы со списками. Маркер списка изменен list-style-image: url("../images/arrow.png");
Случайно заметил, что у людей на apple устройствах не отображаются галочки и сам список вертикально не выровнен. Проверил на айфоне, действительно нет галочек, причем в разных браузерах.
Самое интересное, что на некоторых страницах все отображается нормально.
Ниже привожу пример.
1) страница_1
Тут все нормально. Отображается как положено. Использую этот код
.stati ul { list-style-image: url("../images/arrow.png"); font-size:16px; margin: 10px 15px 15px 45px; }
.stati ul li { line-height:25px; } 
.stati li { list-style-image: url("../images/arrow.png"); font-size:16px; }


2) Страница_2
Тут не отображаются галочки. Использую одинаковый код
.text_page ul { list-style-image: url("../images/arrow.png"); font-size:16px; margin: 10px 15px 15px 45px; }
.text_page ul li { line-height:25px; } 
.text_page li { list-style-image: url("../images/arrow.png"); font-size:16px; }


3)страница_3
То же самое нет галочек.
.vakansii .desc ul { list-style-image: url("../images/arrow.png"); font-size:16px; margin: 10px 15px 15px 45px; }
.vakansii .desc ul li { line-height:25px; } 
.vakansii .desc li { list-style-image: url("../images/arrow.png"); font-size:16px; }


Как так? подскажите, пожалуйста, в чем ошибка?
  • Вопрос задан
  • 215 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы