2010-05-09 9 views
13

Sto creando una newsletter e voglio avere pannelli che cambiano colore di sfondo al passaggio del mouse.
Visto che la newsletter non ha una testa, sto definendo tutti gli stili in linea. Sono abbastanza sicuro che i client di posta più popolari blocchino JS. Quindi mi chiedevo se posso definire un effetto hover nell'attributo style. O c'è qualche altra soluzione per ottenere questo effetto?
PaceCome creare un effetto hover in una newsletter?

+3

Sebbene si possa pensare che il supporto css sia comune nei client di posta, è necessario riconsiderare: http://www.campaignmonitor.com/css/ http://www.xavierfrenette.com/articles/css-support-in -webmail/ – nc3b

+1

@ nc3b: bello, avrei potuto aggiungere questo a una risposta e accetterei di non poter usare pseudo in linea – Moak

risposta

15

Avete controllato questi?

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

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

Quest'ultimo articolo dice questo:

effetti al passaggio del mouse non sono supportati in Outlook 2007/2010, Gmail, iOS o Android. Puoi comunque includere lo stile a: hover per tutti i client di supporto: Outlook 2000/2003, Hotmail, Apple Mail e Yahoo! mail ...

Javascript è un non-go. Non c'è davvero alcuna soluzione a questo, alcuni accetteranno: al passaggio del mouse, altri no. Da quel primo link puoi vedere quale sarà e quale no.

-1

mi si è certi che il vostro css non verrà rimosso, è possibile utilizzare un passaggio del mouse e una proprietà background-color

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

Inoltre non sembra possibile use a pseudo-selector in an inline style, in modo che possa essere un stopper:

+0

Sono certo che il CSS sia stato rimosso, ho provato molto – Moak

Problemi correlati