【问题标题】:How to create a hover effect in a newsletter?如何在时事通讯中创建悬停效果?
【发布时间】:2011-02-17 07:40:35
【问题描述】:

我正在创建一个时事通讯,并且我想要在鼠标悬停时更改背景颜色的面板。
鉴于时事通讯不会有头,我正在定义所有样式内联。我很确定大多数流行的邮件客户端都会阻止 JS。所以我想知道是否可以在样式属性中定义悬停效果。或者有没有其他解决方案可以达到这个效果?
和平

【问题讨论】:

标签: html css newsletter


【解决方案1】:

你检查过这些吗?

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 是不行的。确实没有解决方案,有些人会接受 :hover,有些人不会。从第一个链接中,您可以看到哪个会,哪个不会。

【讨论】:

    【解决方案2】:

    我确定你的 CSS 不会被删除,你可以使用 hover 和 background-color 属性

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

    use a pseudo-selector in an inline style 似乎也不可能,所以这可能是一个障碍:

    【讨论】:

    • 我确定 CSS 已被删除,我已经测试了很多
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-01-10
    • 1970-01-01
    • 2015-07-09
    • 2010-11-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多