2015-11-04 5 views
0

Я хотел бы поместить изображение, чтобы быть на вершине этого фона, и я сделал это, но частично ...позиционирования изображения поверх фона

JSfiddle link

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

Если добавить margin-top:100px; это будет переместитесь вниз, и я просто хочу, чтобы фон перемещался, поэтому изображение немного позади и под этим «синим» фоном.

Кроме того, как положение, что текст будет справа от этого образа, я попытался с float:left, но я что-то отсутствует ...

Есть идеи?

спасибо.

С наилучшими пожеланиями,

+1

Просто удалите .home полнотекстового селектор у вас есть http://jsfiddle.net/j08691/y8y6defa/1/. Но я не знаю, что вы подразумеваете под _ «образ немного над и под этим« синим »фоном.» _ – j08691

+1

Существует много способов добиться желаемого результата, одним из них является отрицательный запас. http://jsfiddle.net/y8y6defa/2/ – Nick

+0

@ j08691 спасибо, но Nick и Kelv.Gonzales получили это право – Morpheus

ответ

2

С помощью приведенных выше замечаний, я использовал отрицательную маржу и вынули float:left от вашего .home-text так он использует свои встроенные свойства, чтобы перейти к правой части Img дел.

Here are the results