#css #reactjs #bootstrap-modal #opacity
#css #reactjs #bootstrap-модальный #непрозрачность
Вопрос:
У меня есть следующий код. Пожалуйста, помогите мне, как добавить непрозрачность или как затемнить фон, пока модальный режим открыт.
Вот рабочий пример
Ответ №1:
Добавьте это backgroundColor свойство в свой Modal компонент в строке 57:
style={{
display: this.state.display,
backgroundColor: this.state.modalShow ? "red" : "none"
}}
Что это делает, так это то, что когда modalShow состояние является истинным (иначе когда оно отображается) backgroundColor , возвращается red и none наоборот. Чтобы уменьшить его, вы можете использовать rgba(0,0,0,.2) вместо red , очевидно,
РЕДАКТИРОВАТЬ: песочница
Комментарии:
1. это то, чего я хочу добиться, нажмите на демонстрационный режим запуска, чтобы увидеть эффект getbootstrap.com/docs/4.0/components/modal
2. Да, это то, на что я только что ответил. У вас была проблема? Я редактирую, делясь своим codesandbox