Текст, не отображающийся на iPad

Question

У меня есть вопрос, я делаю эту страницу, чтобы показать магазины и контакты в местном магазине, и проблема в том, что когда вы смотрите страницу на iPad, контактные номера не отображаются, Я попытался создать класс для чисел и поместить их в некоторый цвет, но я не могу заставить числа отображаться, странно, что некоторые из чисел показаны, но большинство из них выглядит как белый. Вот страница http://comohogar.com/contactos.php

Надеюсь, вы, ребята, можете мне помочь. На всякий случай я знаю, что это не отзывно, но я работаю в этом позже

Спасибо!

Answer 1

iPad и iPhone любят идентифицировать номера телефонов и позволяют вам нажимать на них. Мое лучшее предположение заключается в том, что iPad превращает номера контактов в ссылки, которые глобально настроены на белый (#FFFFFF) в вашей таблице стилей. Попробуйте добавить это к вашему CSS:

#telefono a { 
    color:#000000; 
    text-decoration:none; 
} 

Также, стиль ID должен быть использован только один раз на странице. Стиль класс можно повторно использовать снова и снова на той же странице. Я настоятельно рекомендую изменить все повторяющиеся идентификаторы, которые вы используете, в классы. Например, изменить <div id="telefono"> к <div class="telefono">, а затем изменить CSS на:

.telefono a { 
    color:#000000; 
    text-decoration:none; 
}