Наложение резинового фона поверх формы

[Odinokiy_volk]

Привет! Подскажите как наложить нижнее синее облако поверх формы что справа.. 

Пробовал позиционировать этот фон относительно body и  других контейнеров, мало того что не получилось расположить поверх формы так он ещё и обрезается, а он должен быть резиновым.. Пробовал поставить z-index выше относительно самой формы, body, а также других элементов но также ничего не вышло.. Пробовал эксперименты с opacity - тоже не помогает..

Для элементов формы применяется абсолютное позиционирование, видимо это не дает вытащить синий фон поверх нее, но должно же быть решение

[DivMan]

Вообще не видно, что вы пробовали. 

[Odinokiy_volk]

21 час назад, DivMan сказал:

Вообще не видно, что вы пробовали. 

Привет!.. Выложил на гитхаб -  https://knyaz85.github.io/SafariToursS/indexS.html

div.cloud2 - нижнее синее облако должно перекрыть форму .form-online-booking

.cloud2 {
    background: url("img/cloud2.png") left top no-repeat;
    height: 882px;
    background-size: cover;
    min-width: 1280px;
    position: relative;
    z-index: 999;
}

.form-online-booking {
    .....
    position: relative;
    z-index: 0;
}

Получается только с отрицательным z-index - если задать его форме, НО тогда не работают поля формы и им уже нельзя повысить индекс так как это дети формы.. 

И кстати мне тут мысль пришла в голову может быть положительный индекс не работает просто потому что это фон, т.е. бэкграунд?? Может он в принципе должен быть ниже всех элементов несмотря на индексы.. Просто неудобно делать это синее облако с помощью img опять все позиционировать на этом облаке потом чтоб на него залезть да и сама картинка неизвестно как будет масштабироваться в зависимости от размера окна браузера..

[klierik]

9 минут назад, Odinokiy_volk сказал:

И кстати мне тут мысль пришла в голову может быть положительный индекс не работает просто потому что это фон, т.е. бэкграунд??

Да. Как вариант делать облако отдельным блоком, которым можно будет управлят через z-index

[Odinokiy_volk]

В 18.02.2018 в 20:09, klierik сказал:

Да. Как вариант делать облако отдельным блоком, которым можно будет управлят через z-index

Всё получилось.. Если кому интересно как - оба облака сделал как img сразу после body с абсолютным позиционированием..

И ещё интересную закономерность выявил.. Получилось что у облака z-index 1 а у формы по умолчанию 0.. Соответственно по идее для полей формы нельзя поставить индекс выше чем у формы, думал уже обрезать картинку придется.. НО! для полей установил индекс 2 и он сработал - видимо потому что для формы индекс вообще не устанавливал, осталось по умолчанию 0.. 

Да и облака при img как то красивее растягиваются, при background они словно проваливались вниз при увеличении окна браузера.. 

Всем спасибо