将div与背景图像对齐

时间:2013-07-26 10:33:01

标签: css background alignment

我只想将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/

1 个答案:

答案 0 :(得分:2)

试试这个:

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

基本上你用以下内容注释容器:

position:relative 

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

此致