在背景图像中定位文本

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;"