css - 页脚放置在底部 (img) 和内容覆盖

标签 css image overlay footer

我目前正在为一个网站进行新设计,但我的页脚(图片)和覆盖内容有点问题。

对于页脚,我在起点使用它:http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

你可以在这里看到新的设计:[edit]网站不再存在,对此感到抱歉[/edit] http://nubi.dk/dev/ (内容和设计目前正在发展,因此不再适合这个问题 - 抱歉)

我想要的是让绿色部分(内容)一直向下延伸到底部的图像上,但由于某种原因(我不明白为什么)它落后了。

最佳答案

只需在 layout.css 中为#content 添加“position:relative”。

#content {
    background-color: #00FF00;
    margin: 0 auto -130px 0;
    position: relative;
    width: 960px;
    z-index: 9999;
}

关于css - 页脚放置在底部 (img) 和内容覆盖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7859080/

相关文章:

react-native - 如何通过在 React Native 中点击模态主体来隐藏模态

Javascript - 即使元素存在,getElementById() 也会返回 null

javascript - 如何使用CSS为图像添加低调(黑色,透明叠加)效果?

c# - 如何在 XAML 中动态绑定(bind)图像?

javascript - 将图像数据加载到 Angularjs 中

php - 使用 javascript 打印标签中的类触发时,覆盖不起作用

html - 导航菜单未出现在顶部

javascript - if($(var).css ('display' ) == "block") 与 slideToggle?

android - 在Android中添加图像导致: Unable to resume activity : Failure delivering result ResultInfo{who=null, request=100, result=-1, data=null}

java - 使用 Overlay 连接从 Android 数据库中获取的 GPS 坐标