Apple Mail iOS 15.0.2 отображение текста поверх изображений, содержащих текст

#iphone #html-email #ios15 #ios-darkmode #apple-mail

Вопрос:

Поэтому я пытаюсь понять, видел ли кто-нибудь эту проблему раньше, но, похоже, это просто ошибка Apple mail, которая либо связана с их новой функцией живого текста в iOS 15, либо с новыми функциями конфиденциальности в apple mail.

По сути, в темном режиме при просмотре электронной почты HTML5 с изображениями, содержащими текст, apple случайным образом рисует текст поверх изображения, имитируя текст, который находится внутри изображения.

Прилагается два изображения, одно правильное изображение и два, что делает Apple mail. Это, похоже, влияет только на iphone в iOS 15.0.2 и в лучшем случае является случайным. Это делается не для всех изображений, иногда даже не для одних и тех же изображений при повторном открытии электронной почты.

Есть какие-нибудь идеи, что могло бы быть причиной этого?

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

 <img src="https://appboy-images.com/appboy/communication/assets/image_assets/images/60942fd4f2a1f4574d1632ff/original.png?1620324308" width="528" style="-ms-interpolation-mode:bicubic;Margin:0 auto;clear:both;display:block;float:none;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:528px" alt="Earn up to $50*" align="center" class="float-center">
 

Мета-теги мы используем для темного режима…

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="telephone=no" name="format-detection">
<meta name="x-apple-disable-message-reformatting">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
 

Обратите внимание, что это просто почта Apple в последней версии iOS 15.0.2.

Как должно выглядеть изображение

Почта Apple в темном режиме iOS 15.0.2

Комментарии:

1. Где программирование в этом вопросе?

2. Ну, это просто — <img src="https://appboy-images.com/appboy/communication/assets/image_assets/images/60942fd4f2a1f4574d1632ff/original.png?1620324308" width="528" style="-ms-interpolation-mode:bicubic;Margin:0 auto;clear:both;display:block;float:none;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:528px" alt="Earn up to $50*" align="center" class="float-center"> в электронном письме html 5, но в темном режиме apple mail отображается этот странный текст. Поэтому интересно, видит ли это кто-нибудь еще или как они могут это обойти

3. Я пытаюсь понять, есть ли способ обойти это в HTML. Например, существуют ли новые дополнительные мета-теги, которые необходимо включить только для правильной работы почты Apple в темном режиме, или есть что-то еще, что следует учитывать.

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

5. Спасибо @Digital_Frankenstein, который просто ждет одобрения для канала slack. Я считаю, что мы нашли решение, но мы пытаемся найти еще несколько человек для тестирования. Похоже, это просто ошибка с новой функцией живого текста, и Apple mail считает, что вы не можете видеть изображение в темном режиме, поэтому он просто рисует его сверху. Наша текущая работа заключается в добавлении встроенного стиля цвета: прозрачный; -webkit-текст-заливка-цвет:прозрачный; на самом изображении. Это, кажется, исправляет ситуацию, но это так трудно проверить.