bootstrap modal body background：none

Question

如何删除bootstrap模态体的背景颜色。我试着用

.modal-body{
  background: none !important;
}

它不起作用。

这里是jsfiddle

Answer 1

检查此fiddle

.modal{
  background-color: transparent;
}

Answer 2

如果要将模态用作全视图，
这个fiddle适合您。

.modal{
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

Answer 3

.modal-backdrop代替.modal-body有背景色。所以，应用这个：

.modal-backdrop { background: none; }

Fiddle