bootstrap使用模态框当弹出两层的时候，遮罩层会把原有的透明度减少。

Posted 2023-03-09

bootstrap使用模态框当弹出两层的时候，遮罩层会把原有的透明度减少，导致变得不透明了，还有如果要是弹出多个模态框的话，他的顺序会根据文件读取的顺序来显示层级关系，例如：两个模态框一个高度是400px,一个高度是200px，在编写html的时候把400px的modal放到200px的modal下面，当弹框的时候先弹出400px的之后再弹出200px的话，200px的模态框会被400px的模态框覆盖到下面导致看不见。有人解决过这个问题吗？

参考技术A 每个模态窗会生成一个class为"modal-backdrop"的遮罩。在模态窗第一次显示时为这个模态窗的
遮罩层
设置一个id。例如：
$modal.modal(show:
true,backdrop:
'static');
$('.modal-backdrop').each(function()

$(this).attr('id',
'id_'
+
Math.random());
);