如何在简报中创建悬停效果?

时间:2010-05-09 06:51:13

标签: html css newsletter

我正在创建一个时事通讯,我希望在鼠标悬停时让面板改变背景颜色 看到简报没有头脑,我正在定义所有内联样式。我很确定最受欢迎的邮件客户端会阻止JS。所以我想知道我是否可以在style属性中定义悬停效果。或者还有其他解决方案来实现这种效果吗? 和平

2 个答案:

答案 0 :(得分:18)

你检查过这些吗?

http://www.campaignmonitor.com/css/

http://www.hongkiat.com/blog/design-perfect-newsletter/

后一篇文章说:

  

Outlook 2007/2010,Gmail,iOS或Android不支持悬停效果。您可能仍希望为所有支持客户端包含a:hover样式:Outlook 2000/2003,Hotmail,Apple Mail和Yahoo!邮件......

Javascript是不行的。实际上没有解决方案,有些人会接受:悬停,有些不是。从第一个链接中,您可以看到哪个会,哪个不会。

答案 1 :(得分:-1)

我确定您的css不会被删除,您可以使用悬停和背景颜色属性

.panel:hover {
    background-color: #EFEFEF;
}

use a pseudo-selector in an inline style似乎也不可能,所以这可能是一个限制因素: