2010-05-09 12 views
13

Ich erstelle einen Newsletter, und ich möchte Panels haben, die die Hintergrundfarbe bei der Maus ändern.
Da der Newsletter keinen Kopf hat, definiere ich alle Stile inline. Ich bin mir ziemlich sicher, dass die meisten gängigen Mail-Clients JS blockieren werden. Also habe ich mich gefragt, ob ich einen Hover-Effekt im style-Attribut definieren kann. Oder gibt es eine andere Lösung, um diesen Effekt zu erzielen?
FriedensWie erstellt man einen Hover-Effekt in einem Newsletter?

+3

Obwohl man würde CSS-Unterstützung ist üblich in Mail-Clients denken, sollten Sie überdenken: http://www.campaignmonitor.com/css/ http://www.xavierfrenette.com/articles/css-support-in -webmail/ – nc3b

+1

@ nc3b: cool, könnte dies zu einer Antwort hinzugefügt haben, und ich würde akzeptieren, dass ich Pseudo Inline nicht verwenden kann – Moak

Antwort

15

Haben Sie diese überprüft?

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

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

Dieser Artikel sagt dies:

Hover Effekte in Outlook nicht unterstützt werden, 2007/2010, Gmail, iOS oder Android. Möglicherweise möchten Sie weiterhin den Stil "A: Hover" für alle unterstützenden Clients einschließen: Outlook 2000/2003, Hotmail, Apple Mail und Yahoo! mail ...

Javascript ist ein No-Go. Es gibt wirklich keine Lösung dafür, einige werden akzeptieren: Schweben, andere nicht. Von diesem ersten Link aus können Sie sehen, welcher Wille und welcher nicht.

-1

ich Sie sind sicher, dass Ihre CSS werden nicht entfernt, Sie schweben und eine Hintergrundfarbe Eigenschaft

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

Auch es scheint nicht möglich zu use a pseudo-selector in an inline style verwenden können, so dass eine sein könnte Stopper:

+0

Ich bin sicher, dass das CSS entfernt ist, habe ich viel getestet – Moak

Verwandte Themen