css - 无法让背景图像占据全高

Question

我有一个背景图像，但它占用了文本的高度而不是图像，我最终会做一个 text-indent: -99999px 但我已经尝试了每个 CSS 属性来让整个图像出现。谁能帮忙，我的网站是：http: //yesiamshow.biz/这是幻灯片下的按钮，你可以看到我有以前拉的图像，但它没有显示整个高度。我所有的 CSS 属性的高度都是 60 像素，但什么也没有发生。

Answer 1

该按钮实际上是正确的高度，但您的.window班级正在切断它。看起来您可以将其更改为 410px，它将修复：

.window {
   height:410px;
}

您还应该给按钮一个display:block或内联块，因为您给它一个宽度和高度。

Answer 2

我快速查看了您的 CSS，您似乎正在使用 span 元素包装您的链接。您仍然可以这样做，但是您需要确保将所有样式应用于链接。

例子。如果你的 HTML 是这样的。

<a span="prev_btn"><a href="#prev">Previous</a></span>

你必须像这样设计风格。

span.prev_btn a { }

它应该类似于以下内容。

span.prev_btn a {
 background: [your url];
 display: block;
 height: [height];
 width: [width];
 text-indent: -9999px;
}

希望有帮助。