div的背景图像和行间距的问题

Question

我正在尝试构建一个员工页面，并继续遇到行间距的问题。我的代码如下：

.will {
width: 100%;
height: 488px;
background: url("/wp-content/uploads/2017/11/WILL1.jpg") no-repeat;
background-position:center;
background-size:contain;
}

.will:hover {
background: url("/wp-content/uploads/2017/11/Will3.jpg") center center no-repeat;
width: 100%;
height: 488px;
-webkit-background-size: cover;
background-size: contain;
}

列顶部仍然存在空白区域，并且在不同大小的屏幕分辨率下，所有列的顶部仍然存在空白区域。任何反馈将不胜感激。

提前谢谢！

Answer 1

将您的css代码更改为此css代码：

.will {
width: 100%;
height: 488px;
background: url("/wp-content/uploads/2017/11/WILL1.jpg") no-repeat;
background-position:center;
background-size:cover;
}


.will:hover {
background: url("/wp-content/uploads/2017/11/Will3.jpg") center center no-repeat;
width: 100%;
height: 488px; 
background-position:center;
background-size: cover;
}