我正在 tumblr 中修复这个主题,我面临的唯一问题是页脚,因为在主页上它粘得很好,但是当我转移到提交页面和询问页面等页面时,它只会进入欢迎消息部分。
#footer {
- height:55px; width:1200px; background:{color:footer bg}; clear: both;
z-index:-999px; position: absolute; bottom: -55px; left: calc(50% -
600px);
}
#footer .inner {
- color: {color:footer text}; margin:0 auto; padding: 16px; font-family:'roboto' sans-serif; font-weight:bold;text-align:center;font-size:10px; letter-spacing:2px; text-transform:uppercase;
}
#footer a {
- color: {color:footer text}; padding: 5px; font-size: 10px;
letter-spacing: 2px;
}
#footer a:hover {
- color: {color:menu hover text}; background: {color:menu hover bg};
主要主题可以在页脚没问题的 swanepoelofph.tumblr.com 看到,这是页脚上升的部分 http://swanepoelofrph.tumblr.com/a 和 http://swanepoelofrph.tumblr.com/submit ,就像在规则中一样,图标样式页面也是如此。
我制作并尝试的代码是这样的(我只是做这个)。我不确定我是否可以在这里发布整个 html,但如果有问题或您想查看整个 html,我可以发送一个链接。
我已经解决了tumblr页面的问题:只需将容器和页脚位置更改为相对位置
.container {
position: relative;
... other styles ...
}
#footer {
position: relative;
... other styles ...
}