Как создать эффект наведения в информационном бюллетене?
Я создаю информационный бюллетень, и я хочу иметь панели, которые меняют цвет фона на мыши.
Увидев, что в новостном бюллетене нет головы, я определяю все стили inline. Я уверен, что самые популярные почтовые клиенты будут блокировать JS. Поэтому мне было интересно, могу ли я определить эффект зависания в атрибуте стиля. Или есть ли другое решение для достижения этого эффекта?
Мир
Ответы
Ответ 1
Вы проверили эти?
http://www.campaignmonitor.com/css/
http://www.hongkiat.com/blog/design-perfect-newsletter/
В последней статье говорится следующее:
Эффекты Hover не поддерживаются в Outlook 2007/2010, Gmail, iOS или Android. Вы все еще можете включить стиль a: hover для всех поддерживающих клиентов: Outlook 2000/2003, Hotmail, Apple Mail и Yahoo! mail...
Javascript - это не-go. На самом деле нет решения, некоторые согласятся: наведите курсор, а некоторые нет. Из этой первой ссылки вы можете видеть, что будет, а что нет.
Ответ 2
Я уверен, что ваш css не будет удален, вы можете использовать свойство hover и background-color
.panel:hover {
background-color: #EFEFEF;
}
Также не представляется возможным использовать псевдо-селектор в встроенном стиле, так что это может быть стоппер: