Question

我无法将样式表应用到弹出窗口。我可能会错过一些简单的东西，但我似乎无法弄清楚是什么。我在其他页面上使用相同链接的CSS，它工作正常。

CSS

.Code128 {
    font-size: 50px;
}

JQuery的

$(document).ready(function () {

    $('#Print').on("click", function () {
        Popup($('#PrintDiv').html());
    });

    function Popup(data) {
        var mywindow = window.open('', 'Print Label', 'height=400,width=600');
        mywindow.document.write('<html><head><title>Print Label</title>');

        mywindow.document.write('<link rel="stylesheet" type="text/css" href="~/Content/Fonts.css"/>');
        mywindow.document.write('<link rel="stylesheet" type="text/css" href="~/Content/Label.css"/>');

        mywindow.document.write('</head><body >');
        mywindow.document.write(data);
        mywindow.document.write('</body></html>');

       // mywindow.print();
       // mywindow.close();
    }
});

HTML

<div id="PrintDiv">
    <div class="Code128">BarCode</div>
    <div class="Code128">Bar Code</div>
</div>

Answer 1

你真的有＆＃39;〜＆＃39;在你的路上？尝试删除它。你能给出你的文件链接吗？此外，如果您只想显示文本 - 您可以使用css属性＆＃34; position：absolute＆＃34;并为其提供必要的坐标。

将CSS应用于弹出窗口

1 个答案: