任何人都知道如何獲得像Digg.com中的瀏覽器狀態欄？

如果你看看digg.com，有一個持久狀態欄（即Digg版本號等）。任何人都知道如何獲得像Digg.com中的瀏覽器狀態欄？

我已經玩過幾個jQuery插件，但它們並不像Digg那樣完全固定在底部。我試圖看看CSS，但不太明白需要什麼位。。

任何想法/指針非常受歡迎？

< ---編輯：解決方案--->

多虧了下面的答案/評論，我已經結束了與後續的（以防萬一別人想一個基本的工作版本，以獲得去.. ）：

的CSS是：

.footer-bar { 
      background: -webkit-gradient(linear,left top,left bottom,from(#F3F3F3),to(white)); 
      background: -moz-linear-gradient(top,#F3F3F3,white); 
      background-color: white; 
      border-top: 1px solid #AAA; 
      bottom: 0; 
      color: #333; 
      font-size: .833333333333em; 
      font-family: Arial Narrow; 
      height: 12px; 
      padding: 5px 0; 
      position: fixed; 
      right: 0; 
      text-align: left; 
      width: 100%; 
      z-index: 5; 
     }

很明顯，你可以改變相關的位，然後當然在我來說，我只是有以下HTML：

<span class="footer-bar">Some text in the footer/status bar that stays there even when you scroll</span>

所以，你是 - 感謝所有其他人，當然還有最初創建它的人......在某些情況下，CSS對我來說仍然是一個謎！

來源

2011-07-01 Dav.id

+1 Alex。這正是Digg爲這個酒吧所做的。加載Chrome/Safari，右鍵單擊欄，檢查元素。單擊樣式「位置：固定」，將其禁用，然後觀看該條消失，或將其自身錨定到頁面底部。 – Justin

感謝賈斯汀..我在鉻開發工具環顧四周 - 我甚至沒有意識到你可以取消選擇一種風格！ –

您想在元素上使用position: fixed。沒有JavaScript。

固定位置使元素與視口相關。

來源

2011-07-01 02:17:26 alex

任何人都知道如何獲得像Digg.com中的瀏覽器狀態欄？

回答

相關問題