CSS - div на div - нельзя использовать фоновый div везде - PullRequest
Новая
       21

CSS - div на div - нельзя использовать фоновый div везде

0 голосов
/ 16 апреля 2019

Я не очень уверен в CSS, и я просто хотел бы использовать карту листовки и поверх нее добавить карту фильтров.

Карта находится сверху карты, это здорово, но по какой-то причине я не могу использовать карту в фоновом режиме (увеличение / уменьшение, выбор точки ...)

map layers illustration

Код очень прост; вот HTML: 

<div class="container-map">
  <div class="map-background">
    <lfmap></lfmap>
  </div>
  <div class="map-filter">
    <racesfilter class="animated fadeIn"></racesfilter>
  </div>
</div>

И CSS: 

.container-map {
  position: relative;
}

.map-background,
.map-filter {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.map-background {
  z-index: 10;
}

.map-filter {
  z-index: 100;
  padding-left: 10%;
  padding-top: 5%;
}

racesfilter тоже довольно просто: 

<div class="card-criterias" style="width: 30rem;">
  <div>
    CONTENT
  </div>
</div>

.card-criterias {
  background-color: #fff;
  padding: 25px;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
...