Browser Compatibility Testing of CSS3 object-fit/object-position

Get Started

Browser Compatibility Testing of CSS3 object-fit/object-position

CSS3 object-fit/object-position

Method of specifying how an object (image or video) should fit inside its box. object-fit options include "contain" (fit according to aspect ratio), "fill" (stretches object to fill) and "cover" (overflows box but maintains ratio), where object-position allows the object to be repositioned like background-image does.

Sign Up For Free

online web app testing

CSS

BROWSER SUPPORT FOR CSS3 object-fit/object-position

Google Chrome

CSS3 object-fit/object-position is not compatible with Chrome browser 4 to 30. Chrome 31 to 67 supports this web property.

Mozilla Firefox

Mozilla firefox version 2 to 35 doesn't support this property. CSS3 object-fit/object-position is compatible for Firefox 36 to 60.

Internet Explorer

IE browser doesn't support this browser element.

Safari

Safari 3.1 to 7 doesn't support this web element. Safari 7.1 to 9.1 are partially compatible. Safari 10 to 11.1 supports this property.

Microsoft Edge

This browser element is not supported by Microsoft Edge browser 12 to 15. Edge 16 and 17 partially supports this property.

Opera

Opera browser version 10.1 and 15 to 18 doesn't supports this property.CSS3 object-fit/object-position is partially compatible with prefix -o- for Opera 15 to 18. Opera 19 to 53 supports this browsser property.

Test your Web App on LambdaTest

With LambdaTest you can test your website on 2000+ browser and OS combinations for cross browser compatibility issues and ensure that your webpage fallbacks are working fine on browsers that do not support CSS background-blend-mode.

All Browser Versions

Real Time Testing on Chrome browser
Information sourced from

"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

Other Browser Elements and Properties

All websites and webapps use collections of a lot of browser technologies and elements. Not all of these elements are supported by all browsers and browser versions. At LambdaTest you can test your website on all browsers and browser versions and easily debug browser compatibility issues in real time.

Checkout All Elements

BENEFITS

Fastest Way for Cross Browser Testing

Test your website on Firefox

You can test your website for cross browser compatibility across all Firefox browser versions using LambdaTest

Test your website on Chrome

Perform cross browser testing of your website/ webapp across all Chrome browser versions using LambdaTest

Test your website on Safari

Check your website on all Safari browser on Mac and Windows for cross browser compatibility with LambdaTest

Test your website on IE

Perfrom cross browser testing of your website/ web app across all IE verions using LambdaTest

Free Plan With 60 Minutes of Live Testing

Our plans starts with a free plan where you access to all features and free 60 minutes of live testing per month.

Scale As You Go

Need support for a larger team? We have very flexible plans and if they don’t suffice, leave us a message here, and we would help you out.