有一个不会出现在某些分辨率上的图像

Question

这是我的网站：http://www.bkd.com/wealth-advisors/index-test.htm

我目前面临的问题是“智慧的智慧”栏只会出现在某些决议上。无论如何我可以在所有节目中出现吗？我需要它在每页的页面上都相同。略低于底部，但不是一直到底。

有人有什么建议吗？

这是我的CSS：

.bottombar {
    position:fixed;
    margin-top: 800px;
    top:0px;
    left:0px;
    height:42px;
    width:1800px;
    z-index:100;
       }

这是HTML

<div style="position:absolute; top:-50; left:5; font-size:80px; z-index:4"><a   
href="/wealth-advisors/about-test.htm"><img src="/wealth-advisors/images/wisdom-
wealth.png" height="52" width="800" class="bottombar" ></a></div>

如果您需要我的任何其他信息，请告诉我。

谢谢！ -Marcy -

Answer 1

这将解决您的问题：

.bottombar {
   bottom: 0;
   display: table;
   height: auto;
   position: absolute;
   width: 100%;
}

使用width: 100%，position: absolute和display: table，您无需调整上边距，左边距或任何边距。

Answer 2

使用bottom:0;我也可以尝试删除保证金顶部。我会将宽度更改为100％。还记得你在div中的图像是绝对的，图像是固定的。