html - 图片高度尺寸与设置不符

Question

我有一个简单的 HTML 网站，上面有一些 CSS 按钮。按钮工作正常，但顶部图像高度不是我设置的大小。 我最初将图像制作为 800x190。 我也将代码设置为:

#felkep1 {
  background-repeat: no-repeat;
	padding: 0px;
	z-index: -1;
	position: absolute;
	top: 0px;
	left: 50%;
	-ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

<div id="felkep1">
<img src="images/bg1.jpg" style="width:800px;height:190px;" />
</div>

这是图像本身: background image

最后，这是我网站的链接，问题在哪里可见。 按钮行高 50 像素，距离顶部 140 像素。 所以基本上图像和按钮底部都应该具有相同的 px 高度。

Rolnaashch website

我在 Chrome 和 Firefox 中都试过了。结果是一样的。

我一遍又一遍地搜索代码，但我现在不知道我遗漏了什么或在哪里!

Answer 1

对于 #backs1 进行 transform: translate(-50%, 0%); 并为 .btn-group .button 移除 top 属性。问题是因为 tanslate 没有被正确使用