css - 如何使EMAIL上的图像变暗？

用CSS使电子邮件中的背景图像变暗的最佳方法是什么？
例如，我知道通常您可以使用过滤器等，但是我不确定它是否适用于所有电子邮件提供商

如果使用过滤器，这会使包括“覆盖”在内的整个电子邮件变暗，并且由于绝对定位不合适，因此这不是一个好的解决方案

如果使用背景线性渐变，它在许多电子邮件应用程序上都可以很好地工作，但是像hotmail这样的应用程序无法识别它，因为它使用了“简写”（background：linear-gradient（rgba（0，0，0，0.5），rgba（0 ，0，0，0.5）），url（'my_url'））-有没有办法不使用简写形式？

最佳答案

有两种常见方法：
1）using CSS3：

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

2）使用叠加层：

.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);
}

关于css - 如何使EMAIL上的图像变暗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45235308/