打印网页中不打印页面中的某些内容

2024-07-11 08:37:25

字体：大中小

来源：转载

供稿：网友

其实很简单，用一个CSS就可以实现了，这个方法同时支持IE和FF。
HTML内容

XML/HTML Code复制内容到剪贴板

<HTML>
  <HEAD>
    <TITLE>Test Print</TITLE>
    <STYLE type="text/css">
        .css1 {
            text-align: center;
            text-align: center;
            height: 250;
            width: 400;
            background-color: blue;
        }
        .css2 {
            text-align: center;
            height: 250;
            width: 400;
            background-color: red;
        }
        @media print {
            .printbtn, .css1 {
                display: none;
            }
        }
    </STYLE>
  </HEAD>
  <BODY>
    <DIV class="printbtn"><INPUT type="button" value="Print" onclick="window.print()"/> Print button can’t print out, But it can display in page.</DIV>
    <DIV class="css1"><BR/><BR/><BR/>Not print out</DIV>
    <DIV class="css2"><BR/><BR/><BR/>Print out</DIV>