将CSS应用到弹出窗口

我无法让我的样式表应用到我的弹出窗口。我可能错过了简单的东西，但我似乎无法弄清楚什么。我使用相同链接的其他页面上的CSS，它工作正常。在p将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>

来源

2014-09-26 joetinger

发布您的CSS或没有人能够提供帮助。 – Nicolas 2014-09-26 20:42:23

在执行javascript之前是不是将CSS加载到DOM中？ – 2014-09-26 20:43:05

为什么不直接将CSS导入添加到HTML页面的顶部，而是将它们附加到页面上。因为如果Liam是正确的，这个代码将永远不会工作。另外，为什么在你的世界中，你的html，head和body标签附加到你的弹出窗口而不是页面上？ – Nicolas 2014-09-26 20:45:43

你真的有 '〜' ATH？尝试删除它。你可以给你的文件链接？另外，如果你只想显示文本 - 你可以使用CSS属性“位置：绝对”，并提供必要的坐标。

来源

2014-09-26 20:53:11 EvilOrange

如果您提出的问题最好是评论，而不是将其作为回答 – 2014-09-26 20:54:06

实际上删除〜解决了问题。 – joetinger 2014-09-26 20:55:11

我站好了。哈 – 2014-09-26 20:59:15

将CSS应用到弹出窗口

回答

相关问题