定位图像在背景上

时间:2015-11-04 18:26:21

标签: html css html5 css3

我想将图像定位在该背景之上,我做了但部分...

JSfiddle link

.home-main{
      background-color: #d2dfff;
      height: 150px;
      margin-bottom: 50px;
      margin-top: 50px;
      position: relative;}

如果我添加margin-top:100px;它会向下移动,我只想让背景移动,所以图像有点过了而且#34;蓝色"背景

另外如何将该文字定位在该图像的右侧,我尝试使用float:left,但我遗漏了一些内容......

有什么想法吗?

谢谢。

致以最诚挚的问候,

1 个答案:

答案 0 :(得分:2)

在上述评论的帮助下,我使用了负余量并从float:left中取出了.home-text,因此它利用其内联属性转到img div的右侧。< / p>

Here are the results