我想在包含背景圖像的div內放置一些文本。我該如何解決這個問題。該網站必須有響應。就像這個網站的正確部分。 http://loveandluxesf.com/背景圖像中的位置文本

所以這是下面的代碼。

<div class="row"> 
    <div class="six columns" id="signup-section"> 
     <div id="bg-img"> 
     <div class="offset-by-two"> 
     <h2>Random text which should go in here</h2> 
      <form> 
      <input type="email"> 
      <span class="button">Register</span> 
      </form> 
     </div> 
     </div> 
    </div>

bg-img包含一個居中的背景圖像。我希望文本和表單完全適合圖像。這應該適用於多種分辨率。

來源

2012-11-05 parjun

所以ü想ü要解決這個文本overthere ........ –

對不起，我大膽的文字是什麼。 – parjun

使用Zerb Foundation框架進行響應式設計。 – parjun

如果您相對定位您的包含div，然後絕對放置文本元素（h1），您可以使用左上方右下方定位將文本放在您喜歡的文本相對於包含div的位置。如果你需要更多的細節問問。

來源

2012-11-05 09:59:53 Andy

這種工作。應該使用媒體查詢來使其完美。謝謝！ – parjun

嘗試設置style="float:left;"

來源

2012-11-05 10:00:10

背景圖像中的位置文本

bg-img包含一個居中的背景圖像。我希望文本和表單完全適合圖像。這應該適用於多種分辨率。

回答

相關問題