1

我为我的网站创建了一个 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%;

没有做到这一点。

感谢“我的头疼”，解决方案是编辑掉评论的标题

<!--<!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">

谢谢！

4

2 回答 2

2

删除之前的评论，!Doctype因为这些强制 IE 进入怪癖模式（见这里）

<!--<!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">
于 2012-07-11T07:18:21.370 回答
0

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

<style>
    *html, body {
        height: 100%;
    }
</style>
于 2012-07-11T07:04:28.730 回答