Skip to main content

opacity in Proton Mail

SupportedProton · webmail

Support Details

Use solid colors instead of opacity.

Before

.overlay {
  background-color: #000;
  opacity: 0.5;
}

After

.overlay {
  /* Use a semi-transparent color instead of opacity */
  background-color: #808080;
  /* Or for modern clients: rgba(0, 0, 0, 0.5) */
}

Replace opacity with solid color equivalents

opacity is fully supported in Proton Mail. No workarounds needed.

Other Clients

ClientSupport
GmailSupported
Gmail AndroidSupported
Gmail iOSSupported
Outlook 365Supported
Outlook (New)Unsupported
Outlook ClassicUnsupported
Outlook iOSSupported
Outlook AndroidSupported
Outlook for MacSupported
Apple MailSupported
Apple Mail iOSSupported
Yahoo MailSupported
Yahoo Mail AndroidSupported
Yahoo Mail iOSSupported
Samsung MailSupported
ThunderbirdSupported
HEY MailSupported
AOL MailUnsupported
FastmailSupported
SuperhumanSupported

Related Features

Test your email across all 21 clients

Preview rendering, catch CSS issues, and get actionable fixes. Free.

Try Emailens Free