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

Question

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