png图片在标题

Question

在我们网站的标题内使用png图片作为我们的徽标。我遇到的问题是徽标中的文字（位于徽标中间）正在被切断。因此，在“决议”一词下，第二行文字并未完全显示。

网站位于，徽标位于左上角。任何有关如何解决此问题的想法或建议都表示赞赏。

#eut-main-header,
.eut-logo {
  height: 125px;
}

.eut-logo {
  display: block;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.eut-position-left {
  float: left;
}

Answer 1

这与图像大小和防止失败的方式有关。您可以通过更改原始图像的大小以匹配实际元素（169.22 x 110）来解决此问题，或者您可以更改容器元素的大小，直到问题得到解决。

对于第二个解决方案，更改

.eut-logo a {...}从height: 110px;到height: 122px有效。

Answer 2

您遇到问题的原因是您用于徽标部分的css属性。您应该删除高度或使用此行的值auto。

您应该删除高度，或根据需要增加或使用auto作为值。

#eut-main-header, .eut-logo {
height: 125px;
}