Javascript 如何准确地打印引导模式？

所以我很难用css打印一个模态。我想打印出一个与屏幕上显示的完全一致的模式窗口。我使用了window.print（）命令，甚至是javasript/jquery命令。但是css没有附加。相反，它只打印了一半的模态

所以，我想要的是，这个模态图像：

将按屏幕上显示的内容打印到窗口。打印（）。带有边框等的整个模块，但后面没有页面

我尝试过的代码：

function printElement(elem) {
        var domClone = elem.cloneNode(true);

        var $printSection = document.getElementById("printSection");

        if (!$printSection) {
            var $printSection = document.createElement("div");
            $printSection.id = "printSection";
            document.body.appendChild($printSection);
        }

        $printSection.innerHTML = "";
        $printSection.appendChild(domClone);
        window.print();
    }

---

如果有人愿意回答这个问题，谢谢

您可以使用@media打印标签

@media print {
  model.class {
     display: none; /* Hidden by default */
     position: fixed; /* Stay in place */
     z-index: 1; /* Sit on top */
     left: 0;
     top: 0;
     width: 100%; /* Full width */
     height: 100%; /* Full height */
     overflow: auto; /* Enable scroll if needed */
     background-color: rgb(0,0,0); /* Fallback color */
     background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  } // or you can add what ever you want css in print mood 

---

@media-print标签中的所有css将仅应用于print-mood，因此，为了测试样式并确保设计满足需要，您可以在Chrom浏览器中使用print-mood检查此项

您可以使用@media-print标签

@media print {
  model.class {
     display: none; /* Hidden by default */
     position: fixed; /* Stay in place */
     z-index: 1; /* Sit on top */
     left: 0;
     top: 0;
     width: 100%; /* Full width */
     height: 100%; /* Full height */
     overflow: auto; /* Enable scroll if needed */
     background-color: rgb(0,0,0); /* Fallback color */
     background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  } // or you can add what ever you want css in print mood 

---

@media print标签中的所有css将仅应用于print mood，因此为了测试样式并确保设计满足需要，您可以在Chrom浏览器中使用print mood检查此项

您希望打印什么？仅仅是模型块还是整个页面？仅仅是模型块，但是有它的css，确切地说是边框，等等，后面没有页面的其余部分@NITINDHOMSE您需要在@media print mood上指定打印样式，chrom浏览器有打印样式，您可以查看打印样式您可以用代码解释以帮助我理解吗@你想印什么？仅仅是模型块还是整个页面？仅仅是模型块，但是有它的css，确切地说是边框，等等，后面没有页面的其余部分@NITINDHOMSE您需要在@media print mood上指定打印样式，chrom浏览器有打印样式，您可以查看打印样式您可以用代码解释以帮助我理解吗@莫阿纳吉