Crop image from below using CSS

Question

I want to crop the image from below, whose height is too high.

As an image whose height is about 2400px, I want to take only its upper part 600px.

Script Link

Answer 1

You need to do the work in the container, not the image. I forked your fiddle and added a height limit to the article container and overflow: scrollto demonstrate this point. You can use overflow: hiddenit if you really want to crop it.

http://fiddle.jshell.net/7b01ednx/

with overflow: hidden

http://fiddle.jshell.net/t2wksLa5/