Border-Radius не работает в электронной почте и браузере

Question

Я разрабатывал новостную рассылку, и пока на моем локальном хосте работали с радиусом границы (показаны все ребра раундов) - но он не работает при тестировании через образец электронной почты.Я писал по электронной почте, используя Yahoo Mail и Firefox, он получился с острыми краями.Он также не работает в Outlook 2007.

Кто-нибудь знает, как решить эту проблему?Буду признателен за вашу помощь.

Answer 1

Он никогда не будет работать в outlook 2007, так как он использует слово в качестве средства визуализации, которое не поддерживает большинство CSS.

Для Firefox вам нужно добавить префикс -moz-, пожалуйста, убедитесь, что вы сделали это.

Если нет, опубликуйте свою версию CSS и Firefox.

Answer 2

Я не думаю, что Outlook 2007 поддерживает свойство border-radius, поэтому вполне вероятно, что оно не отображает закругленные углы. Если вы ищете обходной путь, я предлагаю вам взглянуть на этот вопрос: Как сделать закругленные углы в браузерах, не относящихся к CSS3?

Для CSS в современных браузерах, в настоящее время вам необходимо добавить префикс определенных свойств, например:

.withRoundedCorners {
    border-radius: 5px;        // Standard
    moz-border-radius: 5px;    // Firefox
    khtml-border-radius: 5px;  // 
    o-border-radius: 5px;      // Opera
    webkit-border-radius: 5px; // Safari
    ms-border-radius: 5px;     // Internet Explorer 9+
}

Я знаю, что это скучно ... Но это временно, в будущем потребуется только border-radius.

Answer 3

Информационные бюллетени в инструментах рассылки по электронной почте, таких как (outlook, gmail, hotmail), имеют меньшую поддержку CSS.Более того, border-radius поддерживается для веб-браузеров, а не для почтовых клиентов.

Лучше использовать для фоновых изображений, чистых изображений, градиентов, круглых углов и прочего, связанного с 3D, вместо использования стилей CSS.

См. Эту ссылку: Монитор кампании

Эта ссылка показывает, какое свойство CSS поддерживается различными почтовыми клиентами.

См. Другие ссылки: Электронная рассылка неотрисовка правильно