Почтовый клиент поддерживает отрицательное значение маржи?

Пожалуйста, посмотрите на скриншот ниже

введите здесь описание изображения

Я хочу расположить линзу в верхней области. К сожалению, значение position не поддерживается почтовыми клиентами. Так что я могу сделать для этого. Могу ли я использовать значение margin-top как минус? надеюсь, вы можете мне помочь .. заранее спасибо


html css position email-client margin
person Krish    schedule 19.02.2014    source источник
comment
Я думаю, что лучше всего иметь такую ​​структуру таблицы: i.imgur.com/1ZhL4ae.png< /а>   -  person Nick R    schedule 19.02.2014
comment
@NickR, ты имеешь в виду вырезать другую часть этого изображения ..   -  person Krish    schedule 19.02.2014
comment
Да, вместо того, чтобы возиться с отрицательными полями и т.д.   -  person Nick R    schedule 19.02.2014
comment
извините, это невозможно для меня .. у вас есть другие идеи?   -  person Krish    schedule 19.02.2014
comment
Не совсем, так как это самый надежный способ сделать это.   -  person Nick R    schedule 19.02.2014
comment
Почтовый клиент HTML/CSS очень прост, особенно в Microsoft Outlook. Пример использования таблиц и изображений, предложенный Ником Р., является единственным методом, совместимым со всеми наиболее популярными клиентами.   -  person Ben    schedule 19.02.2014

Ответы (2)


arrow_upward
10
arrow_downward

Hotmail и Outlook.com больше не поддерживают следующие свойства CSS:

margin
margin-top
margin-right
margin-bottom
margin-left

Вот заявление, данное Litmus ..

person Kheema Pandey    schedule 19.02.2014
comment
@ вы ошибаетесь.. пожалуйста, проверьте ссылку campaignmonitor.com/css.. Gmail работает нормально . - person Krish; 19.02.2014
comment
@Nikhilkrishnan, не могли бы вы передать черновую HTML-страницу, чтобы я мог ее протестировать и попробовать. - person Kheema Pandey; 20.02.2014
comment
Gmail и Hotmail поддерживают поля: как заявил @Krish: campaignmonitor.com/css Откуда вы взяли ваш источник, что они не работают в этих браузерах? - person aaron-coding; 17.04.2015
comment
@aaron-coding Я обновил ответ, а также добавил исходный код. Надеюсь, вы не скажете, что Litmus лжет.. - person Kheema Pandey; 20.04.2015
comment
@KheemaPandey Хорошо, я не проголосовал за ваш ответ из-за вашего добавленного источника. - person aaron-coding; 21.04.2015
comment
@Krish, ваша ссылка устарела, Gmail не поддерживает отрицательную маржу, см. эту ссылку emailonacid.com/blog/article/email-development/ - person Mina Luke; 06.07.2016
comment
Ссылка недействительна, поэтому я понизил ответ. - person Mate Paiva; 05.06.2021

arrow_upward
3
arrow_downward

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

Редактировать:

Я не удержался и протестировал position relative и margin-top с отрицательным значением в нескольких почтовых клиентах...

  • Thunderbird 60: поддерживает оба ✓
  • Gmail.com (в Firefox): не поддерживает ни
  • Outlook.live.com (в Firefox): не поддерживает ни
  • Roundcube 1.2.0 (в Firefox): поддерживает оба ✓
  • K9 5.600 (в Android): Поддерживает оба варианта (но позиционирование очень сильное) ✓

Я не тестировал большинство почтовых клиентов, так как этих данных достаточно, чтобы не использовать их в данный момент (2020-03).

Оригинал:

Свойство position будет поддерживать решение, как указано в вопросе. Подробнее об этом читайте здесь https://developer.mozilla.org/en-US/docs/Web/CSS/position

Я не проверял это, но согласно https://templates.mailchimp.com/resources/email-client-css-support/ Outlook, почта Apple, почта Windows Live, iOS 6, Android 4.2, Android 2.3 поддерживают свойства position и top.

Gmail, Yahoo!, приложение Gmail, Outlook 2007–2013 и НЕ поддерживают свойство position.

Только Outlook.com в списке не может использовать маржу. К сожалению, я не могу подтвердить, можно ли использовать отрицательные поля.

person Gerben Versluis    schedule 24.03.2020
comment
Я могу подтвердить, что почта Apple поддерживает его, а Gmail в браузере на базе Chromium — нет. - person Silvio Biasiol; 01.10.2020