Jquery 固定页眉和页脚之间的缩放和裁剪内容

你好，我有一个非常具体的问题，我们有一个新闻网站，将在Wordpress中创建，它在主页上由6个网格组成，这些网格有固定的宽度和高度百分比（50%-25%-25%等），这些网格在后面有一个图像，而不是背景，只是一个z索引：0和一个div在前面作为悬停的覆盖效果。我想做的是非常具体的，我想将这些图像缩放成div，但是如果图像的宽度和高度与div不成比例，我想裁剪图像以使其适合div。CSS是否足以满足此过程，或者我还需要jQuery？我使用引导网格系统实现响应功能。

一些代码？………如果图像不是内容的一部分，请在背景中设置它们并使用背景大小：）您可以在此处查看：非常感谢，背景缩放，但我猜不会裁剪，它可能会破坏图像。？？它在Firefox中看起来不错你的分辨率一定很高，因为在我的电脑中我必须向下滚动200像素，我不想要这个，我只想要页眉和页脚之间的内容匹配一切都是固定的。我知道，当高度不够时，文本会重叠