2012-05-15 82 views
1

好吧,我瘋了尋找答案。這很簡單,我知道。隱藏透明標題下的滾動內容

我在頁面頂部有一個固定的透明標題。當我滾動時,我希望正文內容在它下滾動,但不能通過標題div看到。我見過類似的帖子,但沒有什麼能幫助我解決我的問題。欣賞任何可能有幫助的提示或線索。謝謝!

下例: thnki.com/hosting/sycamore

+0

怎麼透明度的意義就在於能夠看到的是它的下面。你爲什麼要透明? – Hope4You

+0

它是透明的,因爲我使用的是background:url()屬性。我希望身體{背景}展現出來。看看鏈接,你會看到:) – cwebb

+0

請在這裏看到我的解決方案:[解決方案](http://stackoverflow.com/questions/11151787/hide-page-content-behind-transparent-header/42968436 #42968436) – JCBrown

回答

1

你要麼需要:

  • 使看起來一樣,它現在是一個非透明圖像,
  • 創建div的頁面下方(直接在標題下/),它有自己的溢出風格設置,這將導致滾動條只是頁面的一部分
  • 或只是享受超級真棒透明度疊加效果「重新獲得。

我喜歡它,它實際上

+0

是的,我會「做一個不透明的圖像,看起來像現在一樣」 – Hope4You

+0

謝謝@kristian - 你的第二個建議也是我的想法。謝謝! – cwebb