bootstrap сделать диаграмму solid на размытом фоне - PullRequest
Новая
       20

bootstrap сделать диаграмму solid на размытом фоне

0 голосов
/ 05 мая 2020

У меня бустрап колонна черная полупрозрачная окраска.

Я хочу, чтобы фон был размытым без размытия диаграммы. Я также хочу, чтобы класс box_square2 имел ту же высоту и ширину, что и столбец Boostrap.

Html: 

<div class="col-md-8">
  <div class="box_square2">
    <div class="chart-container">
      <chartjs class="chartjs-hidden-iframe" tabindex="-1"></chartjs>
      <canvas id="myChart" width="1140" height="700" class="chart-dm"></canvas></div>
  </div>
</div>

css: 

.box_square2{
  background-color: rgba(67, 67, 67, 0.5);
  top: 0; left: 0;
  width: 100%; height: 100%;
  border-radius: 30px / 30px;
  border: 2px solid rgba(67, 67, 67, 0.5);
  margin: 10px auto;
  margin-top: -0%;
}
...