Floating Link in Page

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以上。 但我需要使它與IE 8和IE 7至少工作。

在IE 8和IE 7中，內容隨頁面內容一起上升。

Answer 1

此帖子How to get "position:fixed" css to work in IE 7+ with TRANSITIONAL doctype?建議您需要添加一個文件類型才能讓IE7/8觸發標準模式，您是否嘗試過？

如果你不想篡改doctypes，你總是可以嘗試使用jQuery而不是http://jsfiddle.net/wRSZ2/。

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

上面的代碼，你可以簡單地掛接到窗口滾動事件，並與窗口一起手動滾動框。看起來很好，但我沒有在IE 7/8上測試過！

希望它有幫助！