css - 将 div 与背景图像对齐

Question

我只想将background我的 div 与我有文本的地方对齐。

我有这个代码：（请调整窗口大小以查看效果） http://jsfiddle.net/BcqLK/

.texto1Home{ 
  width: 48.1%;
  color: #58585A;
  font-weight: 700;
  line-height: 100%;
  text-align: center;
  float: left;
  border: solid 1px red;
  position: absolute;
  display: inline-block;
  top: 13.75%;
  left: 25.75%
}

我想要这个结果：（是一张图片） http://jsfiddle.net/qYVL4/

Answer 1

试试这个：

[编辑] http://jsfiddle.net/BcqLK/6/

基本上，您使用以下内容注释容器：

position:relative 

在该位置之后，其余内容在容器内具有绝对定位。此外，我没有使用 % 而是使用像素进行定位。设置静态图像大小也很重要，否则您应该真正使用 % 或类似的东西进行对齐。

问候