小编cai*_*nhs的帖子

试图让印刷适用于Modals.

在最新的谷歌浏览器中,使用最新的angular-ui-bootstrap 0.14.2,我们在列表或表格等大型内容溢出到下一页时遇到问题.

我已经完成了隐藏背景对象的必要更改:将以下样式添加到模式页面中:

@media print {
      body * {
        visibility: hidden;
      }
      #print-content * {
        visibility: visible;
        overflow: visible;
      }
      #mainPage * {
        display: none;
      }
      .modal {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        min-height: 550px;
      }
      li {
        page-break-after: auto;
      }
    }

任何人都有快速解决方案吗？

Plunker:http://plnkr.co/edit/TV0ttEAw4LWJ6sGLjSTR？p = preview

您可以测试不同模态的打印预览和打印按钮.打印预览适用于当前页面,但不适用于模态.=(