Object Fit Css Not Working

I look on internet for some solutions but all that i found was solutions to load the image from css instead from img tag like they way i m doing it.

Object fit css not working. Basically i m using the object fit cover for not stretching images inside a div. Fill this is default. The new chromium based version of edge still on beta fixes this bug. This is where the css object fit property comes in very useful.

There s an ie hack three comments up that looks legit. Object fit and object position are my two favourite css properties lately. I still haven t hopped on the ie s okay now train so i don t know if it really is legit but it does seem worth giving a shot. If necessary the object will be stretched or squished to fit.

I tried to use object fit cover but it does not work this is a visual representation of what i am trying to achieve here. First let s dig into object fit. Hi i ve been working on my front end dev skill and started to use css3. Microsoft edge doesn t understand object fit.

I want to fill up the whole parent div with the image in it. The object fit css property sets how the content of a replaced element such as an img or video should be resized to fit its container. The definition of object fit in that specification. There are a number of possible values for object fit but the most used of them all is object fit.

Permalink to comment february 19 2016. Css images module level 3 the definition of object fit in that specification. In the meantime if you need to give support to this browser you can use this old school css hack. Cover on html5 video tags.

Object fit css not working ie browser any alternative solution please give soon. The object fit property can have the following values. This asks the browser to fill the rectangle with the image by cropping it rather than stretching it. I put my changes live and annoyingly found that object fit cover isn t supported in internet explorer or edge.

This property defines how an element such as an img responds to the width and height of its. The replaced content is sized to fill the element s content box. I m looking an alternative method of the object fit cover for the internet explorer because is not supporting it.