c# - 使用 css 样式打印

Question

我有一个链接到我的网页的 CSS 样式表。当我查看网页时，它看起来像它应该的样子，但是当我打印文档时，我再也看不到样式了。我第二次添加了带有属性的 css:media='print' 但它不起作用。有谁知道如何使用 window.print() 函数并保持打印文档的样式？

ASPX:

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="cpHead" ClientIDMode="AutoID">
<link rel="stylesheet" type="text/css" media="screen" href="Styles/Site.css" />
<link rel="stylesheet" type="text/css" media="print" href="Styles/Site.css" />
</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="Main" ClientIDMode="AutoID">
    <asp:Image ID="imgHeader" Width="100%" runat="server" />
    <asp:GridView ID="gvPrintData" Width="100%" runat="server" HeaderStyle-CssClass="printGridHeader" RowStyle-CssClass="printGridRow" AlternatingRowStyle-CssClass="printGridAltRow" />
</asp:Content>

.CS:

Response.Write("<script type='text/javascript'>window.print(); window.onfocus = function() { window.close(); }</script>");

综合浏览量(应有的外观):

打印 View (它在打印文档上的外观):

Answer 1

您的样式表确实有效 - 查看标题字体。我怀疑发生的事情是浏览器没有打印背景颜色。

转到浏览器中的页面设置/打印设置并检查背景图像和颜色是否已打开。

火狐

IE9