Skip to main content

opacity in Outlook (New)

UnsupportedOutlook Web · desktop

Fix & Workaround

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

Other Clients

ClientSupport
GmailSupported
Gmail AndroidSupported
Gmail iOSSupported
Outlook 365Supported
Outlook ClassicUnsupported
Outlook iOSSupported
Outlook AndroidSupported
Apple MailSupported
Apple Mail iOSSupported
Yahoo MailSupported
Samsung MailSupported
ThunderbirdSupported
HEY MailSupported
SuperhumanSupported

Related Features

Test your email across all 15 clients

Preview rendering, catch CSS issues, and get actionable fixes — free.

Try Emailens Free