Blazor: удаление фона наложения из модального окна BootstrapCSS

Разбираемся в CSS
Ответить
Anonymous
 Blazor: удаление фона наложения из модального окна Bootstrap

Сообщение Anonymous »

В настоящее время я работаю над веб-приложением Blazor и столкнулся с проблемой при использовании модального окна Bootstrap. Я настроил его так, что при нажатии кнопки в основном компоненте отображается модальное всплывающее окно с компонентом LineChart. По какой-то причине этот модал полностью перекрывает экран. Я хочу, чтобы фон был прозрачным, но не смог этого сделать. Я пробовал устанавливать свойства модального объекта и возился с некоторыми CSS (настроена изоляция CSS), но пока безуспешно. Я подумал, что это может быть из-за компонента LineChart, но удаление этого компонента ничего не дало. Ищете способ скрыть модальный фон, чтобы была видна только часть содержимого.
Кнопка и модальный вызов в основном компоненте:

Код: Выделить всё

    
Trends



ShowPopup()

Код: Выделить всё

    private async Task ShowPopup()
{

List monthsList = period.Months.ToList().Select(m => CultureInfo.CurrentCulture.DateTimeFormat.GetAbbreviatedMonthName(m.Month).ToUpper()).ToList();
Dictionary salesChartData = GenerateSalesChartsData();

var parameters = new Dictionary();

parameters.Add("dataDict", salesChartData);
parameters.Add("XValues", monthsList);

//Generate Modal with the Graph component
await modal.ShowAsync(title: "Sales For Given Season(s)", parameters: parameters);

}
Graph.razor:

Код: Выделить всё


@code {
...
}
Пример:
Модальное всплывающее окно

Подробнее здесь: https://stackoverflow.com/questions/792 ... trap-modal
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»