Question

我为我的网站创建了一个Sticky页脚，您可以在这个小提琴中查看：http://jsfiddle.net/Aw6vn/

#main_Ticker{
    position: fixed;
    bottom: 0; 
    right: 12%;
    z-index: 6000 !important;
}

它适用于jsfiddle中的所有浏览器，但当我将代码放入页面时，它在IE8-9中不起作用：

http://s-maof.com/PRO/index2.php?fkapp=2

我也尝试过：

position: absolute; bottom: 0; right: 12%;

没有这样做。

感谢“My Head Hurts”，解决方案是编辑注释标题

<!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">-->
<!--<!DOCTYPE HTML>-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

谢谢！

Answer 1

删除!Doctype之前的评论，因为这些评论迫使IE进入怪癖模式(see here)

<!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">-->
<!--<!DOCTYPE HTML>-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Answer 2

在你的风格中添加以下内容并尝试：

<style>
    *html, body {
        height: 100%;
    }
</style>

粘滞的页脚不在IE中工作

2 个答案: