Добавить или переопределить CSS angular-gridster - PullRequest
Новая
       22

Добавить или переопределить CSS angular-gridster

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

У меня проблема при добавлении z-index к <li> angular-gridster.Я хочу, чтобы 3-й <li> не покрывал оверлейный блок из 2-го (рисунок ниже).

image.

У оверлейного блока есть z-index: 999999;, чтоустанавливается echarts.Когда я добавляю z-index встроенный CSS с использованием элемента проверки в Chrome, z-index работал.

Использование элемента проверки 

<li gridster-item="" row="1" col="2" size-x="1" size-y="1" class="pieMTD ng-scope gridster-item" style="margin: 0px; top: 230px; left: 442.4px; width: 206.2px; height: 210px; z-index: 2;">
  <div class="analytics-box box1" style="z-index: 2;">
  ...
  </div>
 </li>

Но, когда я добавил z-index в файл JSP, это не сработало.Я тоже пытался использовать inline, но CSS в <li> заменяется CSS-кодом angular-gridster, как это style="margin: 0px; top: 230px; left: 442.4px; width: 206.2px; height: 210px;.

Использование класса или идентификатора, как показано ниже, также не работало. 

.pieMTD { z-index: 2; }
.box1 { z-index: 2; }

Есть предложения?

...