Поднятие содержимого div, чтобы частично перекрыть другой div (но не цвет фона).Пару раз один под другим - PullRequest
Новая
       58

Поднятие содержимого div, чтобы частично перекрыть другой div (но не цвет фона).Пару раз один под другим

0 голосов
/ 01 декабря 2018

Я хочу получить эффект, как на картинке ниже.

image

Три деления для ширины 100% (в зависимости от начальной загрузки: 

<div class = "container-fluid"></div>

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

Я хочу поднять div 2, чтобы заголовок 1 перекрывался с разделом div 1. Мне удалось сделать это для div 2, но затем div 3 не перекрывает div 2 по той же методике. Одна из основных проблемэто цвета фона, если он раскрашивает весь div. Есть ли возможность поднять содержимое без цвета (только заголовок, изображения или столбцы).

Извините за мой английский, если я испортил некоторые слова.

Не могу показать вам, как я это сделал (сайт в автономном режиме), но идея такова: 

<div class="wrapper">
 <div class="about_us">
  <div class="container">
  <h1>About Us</h1>
  <div class="row">
  <div class="col-lg-12 col-md-12 col-sm-12">
  </div>
  </div>
 </div>
 </div>
</div>

У <wrapper> фоновое изображение и цвет, и position:static. Ивнутренний класс about_us имеет position:relative, margin-top в отрицательном значении. Так что он работает, если div для этого также position:relative. Но div ниже не перекрывает этот. Так что он работает какэто только один раз.

...