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?
Antwort
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.
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:
Ich bin sicher, dass das CSS entfernt ist, habe ich viel getestet – Moak
- 1. Wie dies schrittweise Hovereffekt
- 2. Wie man einen 'Seitenzähler' in einem Controller in Schienen erstellt
- 3. wie man ein Bild im Newsletter sendet?
- 4. Link "Read More", in einem HTML-Newsletter
- 5. Wie erstellt man einen benutzerdefinierten Formularfeldtyp in einem Modul?
- 6. Wie erstellt man einen 3D-Würfelrahmen in einem Rahmen?
- 7. Wie erstellt man einen Hyperlink mit einem Label in Tkinter?
- 8. Wie erstellt man einen Mock in einem Modell Testfall
- 9. Wie erstellt man einen Systemwiederherstellungspunkt?
- 10. Wie erstellt man einen DataAccessLayer?
- 11. Wie erstellt man einen Baum in C++?
- 12. Wie erstellt man einen Webslice in IE8?
- 13. Wie erstellt man einen CFuncType in Python
- 14. Wie erstellt man einen Zugfahrplan in SQLite3?
- 15. Wie erstellt man einen Trigger in SQL?
- 16. Wie erstellt man einen Kreis Clippath von einem Bild?
- 17. Wie erstellt man einen Schatten auf einem SVG-Kreisstrich?
- 18. Wie erstellt man einen DbDataAdapter bei einem DbCommand oder DbConnection?
- 19. Wie erstellt man einen OpenGL-Kontext mit einem bestimmten Grafiktreiber?
- 20. Wie erstellt man einen Boost.Asio Socket von einem nativen Socket?
- 21. Wie erstellt man einen großen unscharfen Schatten hinter einem TextView?
- 22. Git: Wie erstellt man einen neuen Zweig von einem Tag?
- 23. Wie erstellt man einen WPF Shape Editor?
- 24. Wie erstellt man einen Faltbandkopf mit Innenverlauf?
- 25. Wie erstellt man einen Skill-Baum?
- 26. Wie erstellt man einen Web-Datei-Browser?
- 27. Wie erstellt man einen "Fortschrittsbalken" mit printf?
- 28. Wie erstellt man einen Online-Javascript-Editor?
- 29. Wie erstellt man einen Fortschrittsbalken mit Kolben?
- 30. Newsletter Block
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
@ nc3b: cool, könnte dies zu einer Antwort hinzugefügt haben, und ich würde akzeptieren, dass ich Pseudo Inline nicht verwenden kann – Moak