web-dev-qa-db-ja.com

ニュースレターでホバー効果を作成するにはどうすればよいですか?

ニュースレターを作成していますが、マウスオーバーで背景色を変更するパネルが必要です。
ニュースレターには頭がないので、私はすべてのスタイルをインラインで定義しています。最も人気のあるメールクライアントがJSをブロックすると確信しています。そのため、style属性でホバー効果を定義できるかどうか疑問に思いました。または、この効果を達成するための他の解決策はありますか?
平和

14
Moak

これらをチェックしましたか?

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

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

後者の記事はこれを述べています:

ホバー効果は、Outlook 2007/2010、Gmail、iOS、またはAndroidではサポートされていません。 Outlook 2000/2003、Hotmail、Apple Mail、およびYahoo!メール...)をサポートするすべてのクライアントにa:hoverスタイルを含めることもできます。

Javascriptは使用できません。これに対する解決策は実際にはありません。:hoverを受け入れるものもあれば、受け入れないものもあります。その最初のリンクから、どちらがするか、どれがしないかを確認できます。

18
Roope

私はあなたのcssが削除されないことを確信しています、あなたはホバーと背景色のプロパティを使うことができます

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

また、 インラインスタイルで疑似セレクターを使用する は不可能と思われるため、ストッパーになる可能性があります。

0
nc3b