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>");

综合浏览量（它应该看起来如何）：

Printedview（它在打印文档上的外观）：

Answer 1

您的样式表实际上正在工作 - 查看标题字体。我怀疑正在发生的是浏览器没有打印背景颜色。

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

火狐

IE9