背景圖像中的位置文本

Question

我想在包含背景圖像的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包含一個居中的背景圖像。我希望文本和表單完全適合圖像。這應該適用於多種分辨率。

Answer 1

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

Answer 2

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