将渐变图像推到底部

时间:2011-01-11 23:32:43

标签: html css gradient

在左栏中的this page上(标题为“服务,维修,关于”的标题)我有一个图像(白色框带有绿色/淡黄色渐变),左下角。然而,并没有被一直推到底部,留下大约100px的白色空间高度。

消除那个空白区域的任何提示/建议?

1 个答案:

答案 0 :(得分:2)

按照以下所有步骤操作:

  • #template-content-leftAREA
    • 删除display: block
    • 删除float: left
    • 删除padding-top: 37px
    • valign="bottom"更改为valign="top"
    • 添加background: url(/images/gradient-box.jpg) repeat-x
  • .template-leftcontent-bg内的#template-content-leftAREA
    • 删除background: url(/images/gradient-box.jpg) repeat-x
    • 添加padding-top: 37px

然后在Firebug中为我删除了空白。