EMAILで画像を暗くする方法は？

Question

CSSを使用してメールの背景画像を暗くするにはどうすればよいですか？ 通常、フィルタなどを使用できますが、すべての電子メールプロバイダで機能するかどうかわかりません

フィルタを使用すると、電子メール全体が「オーバーレイ」を含めて暗くなります。適切な解決策ではありません

バックグラウンドリニアグラジェントを使用している場合、多くの電子メールアプリケーションでうまくいきますが、hotmailのようなものは、 '略語'（background：linear-gradient（rgba（0、 0、0、0.5）、rgba（0、0、0、0.5））、url（ 'my_url'）） - これを省略して使用する方法はありますか？

Answer 1

2つの一般的な方法があります。
1）using CSS3：

.yourBackgroundImage { 
    //halve image brightness 
    filter:brightness(50%); 
} 

2）を使用してオーバーレイ：Photoshopなどのプログラムで

.yourBackgroundImage { 
    position: relative; 
} 
//yourBackgroundImageOverlay is a div inside youBackgroundImage 
.yourBackgroundImageOverlay { 
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    // control overlay alpha by tweaking .5 in background color 
    background-color: rgba(0, 0, 0, .5); 
}