位置:固定离开屏幕

时间:2013-05-23 20:10:37

标签: css sticky-footer

我正在使用position: fixedbottom: 0将某些内容添加到屏幕底部。然而,这个名字似乎离开了屏幕,在我的11“Air上,你可以看到网站here。我已经在下面发布了我的CSS代码用于div。 破解JSFiddle:http://jsfiddle.net/MgdQv/

#credits {

    color: #363636;
bottom: 0;
padding-right: 10em;
text-align: right;
position: fixed;
width: 100%;
    opacity: 0;
    -o-transition:1.5s;
  -ms-transition:1.5s;
  -moz-transition:1.5s;
  -webkit-transition:1.5s;
  transition:1.5s;

}
#credits:hover {
    opacity: 0.8;

}

2 个答案:

答案 0 :(得分:1)

添加right: 30px(30px是父体margin-right的值),它应该按预期运行。
编辑:可能会删除padding-right: 10em。在回答之前忘了我已经在Firebug中取消了它...

也不要发布链接到网站:在您修复问题后,您的问题对于此问题的未来访问者将变得毫无意义,因为链接将发生变化...请发布相关的HTML和CSS重现您的问题(和小提琴)

答案 1 :(得分:0)

您只需要在#credits中添加height属性。