KaneAI - World’s First E2E Software Testing Agent.Book a Demo Join TestMu Conference

Next-Gen App & Browser
Testing Cloud

Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles

Start free with Google Start free with Email

CSS background-blend-mode Browser Compatibility On Safari

Last updated on :2023-03-20

Note:

CSS background-blend-mode is Fully Supported on Safari. If you use CSS background-blend-mode on your website or web app, you can double-check that by testing your website’s URL on Safari with LambdaTest. The features should work fine.

Overview

This property allows blending between a CSS background-image, gradient, or color and the content of the element.

Support on latest Safari

Here is the support for CSS background-blend-mode for the latest version of Safari.The latest version of Safari is Safari 16.4 for which it is fully supported.

Safari version: 16.4

Fully Supported

Support on previous Safari versions

Here’s the support for CSS background-blend-mode across all versions of Safari:

Safari versions: 16.4-10.1

Fully Supported

Safari versions: 10-7.1

Partially supported

Safari versions: 7-3.2

Not supported

Debug Your Mobile Websites Faster With LT Browser!

Harness the power of Chromium-based engine to deliver responsive websites and web apps.

Try for free

Fully Supported

Browser Compatibility

Safari

Fully Supported

Debug webpages on the go with LT Debug Chrome extension.

Add to Chrome

Test your website on 3000+ browsers

Test your website on 3000+ real browsers and operating systems for mobile and desktop with the LambdaTest cloud. Perform browser compatibility test for CSS background-blend-mode and many more web technologies that are a part of your website or web-application.

Test Now

Why Test on Safari?

To make a right testing strategy it's important to understand how many users are actually using the Safari browser
To help you build the right browser testing matrix, here's the overall marketshare of both Safari browser the various versions.

TOP Safari BROWSERS (Jan 2021 - Jan 2022)

Browser Version

% Share

Release Date

Safari iPhone

14.64

2024-11-19

Safari 15.6

1.64

2024-11-19

Safari iPad

0.7

2024-11-19

Safari 16

0.5

2024-11-19

Safari 13.1

0.31

2024-11-19

Safari 14.1

0.31

2024-11-19

Other

2.2

Data Source: Statcounter.com

ALL DESKTOP BROWSERS (Jan 2021 - Jan 2022)

Browsers

% Share

Chrome

65.24

Safari

19.06

Edge

4.39

Firefox

3.07

Samsung Internet

2.7

Opera

2.5

Other

3.04

Data Source: Statcounter.com

Browser Support for CSS background-blend-mode

Low

Browser Support For IE Versions

Fully

Partially

11-5.5

Not Supported

Edge

High

Browser Support For Edge Versions

111-79

Fully

Partially

18-12

Not Supported

Firefox

High

Browser Support For Firefox Versions

113-30

Fully

Partially

29-2

Not Supported

Chrome

High

Browser Support For Chrome Versions

114-35

Fully

46-46

Partially

34-4

Not Supported

Safari

High

Browser Support For Safari Versions

16.4-10.1

Fully

10-7.1

Partially

7-3.2

Not Supported

Opera

High

Browser Support For Opera Versions

95-22

Fully

33-33

Partially

21-9.5

Not Supported

Safari on iOS

High

Browser Support For Safari on iOS Versions

16.4-10.3

Fully

10-8.1

Partially

7-3.2

Not Supported

Android Browser

High

Browser Support For Android Browser Versions

111-97

Fully

Partially

4-2.1

Not Supported

Opera Mobile

High

Browser Support For Opera Mobile Versions

73-64

Fully

Partially

12-10

Not Supported

Chrome for Android

High

Browser Support For Chrome for Android Versions

111-97

Fully

Partially

Not Supported

Firefox for Android

High

Browser Support For Firefox for Android Versions

110-95

Fully

Partially

Not Supported

Samsung Internet

High

Browser Support For Samsung Internet Versions

20-4

Fully

Partially

Not Supported

About Safari

Safari is a popular web browser developed and maintained by the Apple Inc., and available for macOS, iOS, and iPadOS. It succeeded Internet Explorer for Mac as the default web browser for Macintosh computers. Yup, you got that right! Earlier macOS used to have Internet Explorer, but Safari changed that. A Windows compatible version of the Safari browser was also offered from 2007 to 2010.

The Safari browser is considered to be the best way to experience the Internet through an Apple devices. It brings robust customisation options, powerful privacy protections, and industry-leading battery life—so you can browse whenever and however you like. And no browser is faster than Safari.

How To Download Safari Browser?

To download the latest version of Safari, you can check the official Apple support.

Resources:

Test Your Website On All Safari Browser Versions

Don’t worry about maintaining an in-house infrastructure to test your website across different Safari browser versions. Leverage the LambdaTest cloud and test how your website looks on a real device across all Safari browser versions, including Safari 10.

Start Free Testing