Текстовая тень в Chrome - Gmail не работает?

Question

Итак, у меня есть одна веб-страница, которая использует CSS «text-shadow» для эффекта.

Если я зайду на веб-страницу в Chrome, эффект тени текста будет таким, как я ожидаю.

Но если я отправлю сообщение электронной почты в формате HTML на свою учетную запись Gmail и открою страницу в Gmail (используя тот же браузер), эффект текстовой тени исчезнет.

см. Связанную картинку. Часть слева - при просмотре страницы, часть справа - это тот же HTML-контент, который отправляется мне в gmail. Как видите, эффект тени исчез.

ФОТО ЗДЕСЬ: Изображение

Это используемый CSS:

    <style type="text/css">
        p { padding: 0; margin: 0; }
        h1, h2, h3, p, li { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
        td { vertical-align:top;}
        ul, ol { margin: 0; padding: 0;}
        .title, .date {
            text-shadow: #8aa3c6 0px 1px 0px;
        }

        .textshadow {
            text-shadow: #ffffff 0px 1px 0px;
        }
        .trxtshadow-2 {
            text-shadow: #768296 0px -1px 0px;
        }
    </style>

Звучит странно для меня. Есть идеи?

Answer 1

GMail не поддерживает блоки <style> в электронных письмах.Вы должны использовать встроенные стили в большинстве писем HTML для максимальной совместимости.Да, это ужасноНо это реальность.

См. Следующее:

• Campaign Monitor - Руководство по поддержке CSS в почтовых клиентах
• Sitepoint - Как кодировать HTML-рассылки
• Campaign Monitor - Руководства по дизайну электронной почты

Answer 2

Как говорит Джошуа, gmail удаляет блоки <style>, но также удаляет некоторые стили из встроенных блоков, включая text-shadow и border-radius, как я только что обнаружил.

Если у вас есть эти стили, встроенные в элемент в html-письме, запустите firebug в gmail и посмотрите на них - они пропали.Однако, если вы «покажете оригинал» в электронном письме, вы увидите, что стили есть.

Я полагаю, они делают это, чтобы они выглядели одинаково во всех браузерах, но это странное поведение и похоже на большую работу над gmail.часть.