【问题标题】:Having an image at the bottom of the page at all time in HTML始终在页面底部以 HTML 格式显示图像
【发布时间】:2013-04-13 17:24:13
【问题描述】:

我正在开发一个基本的 html 网页,但我仍在学习它,这就是这个愚蠢问题的原因。

所以基本上我有这个图像,它是一个栏,我希望它位于页面底部并保持在该位置,即使您在页面上滚动也是如此。所以基本上它总是可见的。我猜你可以称它为页脚,但它应该总是可见的。

希望你明白我的意思。

我该怎么做? :)

【问题讨论】:

    标签: html image footer


    【解决方案1】:

    在你的 CSS 中设置如下:

    #footer {
        position: fixed;
        bottom: 0px;
        /* eventually */
        left: 0px;
        width: 100%;
        height: 20px;
        z-index: 101;
    }
    

    这应该可以解决问题 - 将其应用于 DIV 元素并将图像放入其中或将其设置为背景。

    【讨论】:

    • 好的,谢谢,但是我如何在我的
      中调用这个函数
    • 将其添加到您的 CSS 文件中,但如果您将其命名为 <footer>Content</footer>,请从 #footer 中删除主题标签。如果找不到该文件,请将上面的代码用<style type="text/css"> -code here- </style> 包装并放入您的header(就在</head> 标记之前)
    • 好的,最后一个问题,很抱歉它的愚蠢。如何使它发挥我的图像 footer.jpg 的功能?
    • <img src="footer.jpg" id="footer" />,但是之后请将代码从#footer更改为img#footer,以避免可能与其他元素发生冲突。
    • 非常感谢!我真的很欣赏它!
    猜你喜欢
    • 1970-01-01
    • 2016-07-19
    • 1970-01-01
    • 1970-01-01
    • 2013-06-11
    • 2023-02-17
    • 2011-09-23
    • 2011-09-04
    • 1970-01-01
    相关资源
    最近更新 更多