1

我想制作浮动链接，无论用户向上/向下滚动页面，它都会显示在网页中。

<div id="valids" style="position: fixed; bottom: 5px; left: 5px;">
<a href="http://validator.w3.org/check?uri=referer" class="valid">
<img alt="Valid XHTML 1.0" src="http://www.w3.org/Icons/valid-xhtml10-blue" style="border: 0pt none ; width: 88px; height: 31px;"/></a>
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.reapercharlie.com" class="valid">
<img alt="Valid CSS 2.1" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" style="border: 0pt none ; width: 88px; height: 31px;"/></a>
</div>

这在 Firefox、Chrome、IE 9 及更高版本中完美显示。但我需要让它至少与 IE 8 和 IE 7 一起工作。

在 IE 8 和 IE 7 中，内容随页面内容上升。

4

1 回答 1

2

这篇文章如何让“位置：固定”css 在 IE 7+ 中使用 TRANSITIONAL doctype 工作？建议你需要添加一个doctype来让IE7/8触发标准模式，你试过吗？

如果你不想搞乱 doctypes，你总是可以尝试使用 jQuery 而不是http://jsfiddle.net/wRSZ2/。

$(window).scroll(function() {
    var scrollTop = $(window).scrollTop();
    $("#mybox").css("top", scrollTop + "px");
});​

上面的代码，您可以简单地连接到窗口滚动事件并手动滚动框与窗口一起。对我来说看起来不错，但我还没有在 IE 7/8 上测试过！

希望能帮助到你！

于 2012-07-05T13:44:43.607 回答