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

最后，这是我网站的链接，可以看到问题所在。按钮行高50px，距离顶部140px。所以基本上图像和按钮底部应该处于相同的px高度。

Rolnaashch website

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

我一遍又一遍地搜索代码，但我现在不知道我错过了什么或在哪里！

Answer 1

对于＃backs1 make transform: translate(-50%, 0%); 对于.btn-group .button删除top属性。问题是由于没有正确使用tanslate

图像高度大小不是设置的

1 个答案: