页面中的浮动链接

Question

我想使浮动链接，这将显示在网页上，无论用户滚动页面向上/向下。

<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及以后版本中都能完美地显示出来。但我至少需要让它在IE8和IE7上工作。

在IE 8和IE 7中，内容会随着页面内容一起上升。

Answer 1

这篇文章How to get "position:fixed" css to work in IE 7+ with TRANSITIONAL doctype?建议你需要添加一个文档类型来让IE7/8触发标准模式，你试过这个方法吗？

如果你不想浪费在文档类型上，你可以尝试使用jQuery代替http://jsfiddle.net/wRSZ2/。

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

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

希望它能帮上忙！