2

Web ページにリンクされた CSS スタイルシートがあります。Web ページを表示すると本来の外観に見えますが、ドキュメントを印刷するとスタイルが表示されなくなります。属性: を使用して 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 (印刷された文書でどのように見えるか): ドク

4

1 に答える 1

7

あなたのスタイルシートは実際に機能しています - 見出しのフォントを見てください。私が疑っているのは、ブラウザが背景色を印刷していないことです。

ブラウザのページ設定/印刷設定に移動し、背景画像と色がオンになっていることを確認します。

ファイアフォックス

ファイアフォックス

IE9

IE9

于 2012-05-01T14:42:42.320 に答える