bootstrap模态不透明度变为白色

Question

我正在使用bootstrap，当我尝试将.modal和.modal-header背景颜色设置为默认的不透明度时，您可以看到模式后面的网站变为白色。我想保持不透明度为默认值，只改变模态和模态标题颜色。这是我正在使用的代码：

.modal {
    background-color: white;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size:16px;

  }

.modal-header {
    background-color: blue;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size:24px;
 }

Answer 1

而不是.modal，你应该使用.modal-content和.modal-header

.modal-content {
  background-color: white;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size:16px;

}

.modal-header {
  background-color: blue;
  border-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size:24px;
 }