我正在尝试打印Bootstrap模态窗口的内容而没有在主页上看到任何背景内容。在Chrome中效果很好,在Firefox中似乎还可以。在IE和Edge中,模态内容在那里,但是应该被模态背景隐藏的背景是通过模态内容可见的出血。我认为我可以通过改用javascript / jquery解决方案来解决此问题,但如果可能的话,我希望通过CSS来解决。任何想法在这些浏览器中可能出什么问题吗?
我已经修改了位置,z-index和top / left属性,但似乎无法在不隐藏所有内容的情况下隐藏背景。
/*the css that's working so far*/
.modal.fade.in {
height:11in;
width:8.5in;
}
.modal-backdrop.fade.in { /*hide everything in background when modal displayed*/
background-color:#fff;
opacity: 1;
}