html - 为什么我的图片底部不对齐？

Question

我觉得这很容易修复，但我的代码无法正常工作，我不确定原因。

我想将“voip 创新:您的主要批发 voip 运营商”图像与 div 的底部对齐。我将底部设为绿色以供引用。

我试过了

#cityBackground{
    position:relative;
    display:table-cell;
    vertical-align: bottom;
    background-image:url(../images/city_background_line_vi.jpg);
    background-repeat:repeat-x;
    height:500px;
    background-color:green;

}

    #cityBackground img{

        vertical-align:bottom;
        display:block;
        margin-left: auto;
        margin-right: auto;

    }

但是好像不行。

这是网站的链接

Link

我在这里遗漏了什么吗？

• 编辑 -

抱歉，我没有解释清楚。我不希望背景图像向下移动。我希望 Logo 向下移动。

Picture for reference

Answer 1

CSS 属性 background-position 控制图像的位置，而不是 vertical-align。垂直对齐用于内容。背景图片不是内​​容。