Question

我有一个带有数据网格的页面，当我打印它时，我只想打印数据网格。在单击打印时，页面中的所有其他元素（左侧导航，页眉，页脚等）将被删除，并且仅显示必要的部分（位于名为printdiv的div中）。但不幸的是我不能让它显示我想要的背景。请帮忙！！！我需要背景为白色，但它是灰色的，这是网站其余部分的背景，有没有办法可以单独更改表单的背景？

这是我正在使用的javascript

            <div id="printDiv" >

                <div id="maincontent-right-wrapper">
                    <div class="page-heading">
                        <spring:message
                            code="rmp.store_performance_yearly.page_header.store_performance_yearly" />
                    </div>

                    <!--shop starts-->
                    <div class="shop-promoter-wrapper">
                        <div class="shop-promoter-inner">

                            <ul>
                                <li><spring:message
                                        code="rmp.store_performance_yearly.label.store" /></li>
                                <li>&nbsp;</li>
                                <li><form:select path="storeid">
                                        <form:options items="${StoreList}" itemValue="storeId"
                                            itemLabel="storeName" />
                                    </form:select></li>
                                <li><img src="../static/images/spacer.gif" width="26"
                                    height="1" /></li>

                                <li><spring:message
                                        code="rmp.store_performance_yearly.label.year" /></li>
                                <li>&nbsp;</li>
                                <li><form:select path="year">
                                        <form:options items="${YearList}" />
                                    </form:select></li>

                                <li>&nbsp;</li>
                                <li><a href="#" onclick="callGo(1)">
                                        <div class="button-wrapper">
                                            <div class="button-left">&nbsp;</div>
                                            <div class="button-middle">
                                                <spring:message
                                                    code="rmp.store_performance_yearly.button.go" />
                                            </div>
                                            <div class="button-right">&nbsp;</div>
                                        </div>
                                </a></li>

                            </ul>

                        </div>
                    </div>

Answer 1

你可以用css做到这一点。所有你要做的就是添加另一个css声明进行打印，如下所示：

<LINK rel="stylesheet" type"text/css" href="print.css" media="print">

因此您可以使用以下类：

.style1 {display: none;}

在print.css文件中，表示您不想打印的每个元素

Answer 2

代码值得千言万语，但是FYI浏览器通常不会打印背景，而且它是用户控制的设置。所以你最好的选择是不使用背景（浏览器不打印它们的原因，结果往往不是很好）或者想要在页面后面的div上设置实际元素的任何背景（在Z顺序中降低。）

如何在javascript中添加样式？

2 个答案: