【发布时间】:2013-04-13 17:24:13
【问题描述】:
我正在开发一个基本的 html 网页,但我仍在学习它,这就是这个愚蠢问题的原因。
所以基本上我有这个图像,它是一个栏,我希望它位于页面底部并保持在该位置,即使您在页面上滚动也是如此。所以基本上它总是可见的。我猜你可以称它为页脚,但它应该总是可见的。
希望你明白我的意思。
我该怎么做? :)
【问题讨论】:
我正在开发一个基本的 html 网页,但我仍在学习它,这就是这个愚蠢问题的原因。
所以基本上我有这个图像,它是一个栏,我希望它位于页面底部并保持在该位置,即使您在页面上滚动也是如此。所以基本上它总是可见的。我猜你可以称它为页脚,但它应该总是可见的。
希望你明白我的意思。
我该怎么做? :)
【问题讨论】:
在你的 CSS 中设置如下:
#footer {
position: fixed;
bottom: 0px;
/* eventually */
left: 0px;
width: 100%;
height: 20px;
z-index: 101;
}
这应该可以解决问题 - 将其应用于 DIV 元素并将图像放入其中或将其设置为背景。
【讨论】:
<footer>Content</footer>,请从 #footer 中删除主题标签。如果找不到该文件,请将上面的代码用<style type="text/css"> -code here- </style> 包装并放入您的header(就在</head> 标记之前)
<img src="footer.jpg" id="footer" />,但是之后请将代码从#footer更改为img#footer,以避免可能与其他元素发生冲突。