无法获得全高度的背景图像

时间:2012-04-24 18:47:10

标签: css background-image

我有一个背景图片,但它取的是文本的高度而不是图像,我最终会做一个文本缩进:-99999px但是我已经尝试了每个CSS属性来显示整个图像。任何人都可以帮助这个,我的网站是:http://yesiamshow.biz/它是幻灯片下的按钮,你可以看到我有以前拉动的图像,但它没有显示整个高度。我所有的CSS属性都有60px的高度,没有任何事情发生。

2 个答案:

答案 0 :(得分:2)

按钮实际上是正确的高度,但是您的.window课程正在切断它。看起来您可以将其更改为410px,它将修复:

.window {
   height:410px;
}

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

答案 1 :(得分:0)

我快速浏览了一下你的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;
}

希望有所帮助。