如何讓標題中的橫幅在標誌後面流動？需要響應

Question

我有一些問題讓我的標題圖像正確流動。這是一個響應式WP主題。

這是我想要實現的設計。 （我並不擔心社會圖標現在）：http://screencast.com/t/0xJuqKuteU

首先，我需要與瑞迪施背景信息欄上的標誌下，並超越了橫幅這樣的流動：http://screencast.com/t/CZ4DkbRA50R

然後同時爲橫幅和信息欄，當屏幕縮小到手機尺寸時，我需要他們更好地工作。這他他需要它看起來如何在手機上：http://screencast.com/t/z5BQ7zB4

請注意橫幅出現在導航的正下方和消息欄消失。

這裏是我工作的網站：http://dev.frugalreality.com

感謝您的幫助！

Answer 1

爲了使消息欄「浮動」的標識下，您需要設置包含DIV + CSS（＃報頭標註）有position:relative;並設置z-index的東西負（z-index: -1應該做的）。這會在div中創建一個分層，並將消息欄放在所有其他div下面（除非您將其他設置爲較低的z-index）。

爲了在iPhone屏幕尺寸上顯示不同的東西，我建議使用媒體查詢。如果你不知道如何使用這些，我建議通過這篇文章瀏覽讓我的意思更好的主意：http://css-tricks.com/css-media-queries/

爲了不顯示信息欄，你將不得不把display:none爲＃在適當的媒體查詢的CSS中標題標註。

Answer 2

有一個屏幕CSS和Media/Phone CSS頁面應該有助於管理兩個不同的屏幕。