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

17、雨 "哗哗…… "地下起来,就像一个庞大的乐队在地上、空中、屋顶上演奏着秋的交响曲!行道树叶——梧桐叶也伴着秋雨在天空中飘荡,像几只飞舞的蝴蝶在天空中嬉戏!终于,它们飘累了,慢慢地落在了湿漉漉的水泥地上。远远的望去,就像是土地上的几朵小花,给寂寞的秋天增添了几分情趣!
其实很简单,用一个CSS就可以实现了,这个方法同时支持IE和FF。
HTML内容
XML/HTML Code复制内容到剪贴板
  1. <HTML>
  2. <HEAD>
  3. <TITLE>TestPrint</TITLE>
  4. <STYLEtype="text/css">
  5. .css1{
  6. text-align:center;
  7. text-align:center;
  8. height:250;
  9. width:400;
  10. background-color:blue;
  11. }
  12. .css2{
  13. text-align:center;
  14. height:250;
  15. width:400;
  16. background-color:red;
  17. }
  18. @mediaprint{
  19. .printbtn,.css1{
  20. display:none;
  21. }
  22. }
  23. </STYLE>
  24. </HEAD>
  25. <BODY>
  26. <DIVclass="printbtn"><INPUTtype="button"value="Print"onclick="window.print()"/>Printbuttoncan'tprintout,Butitcandisplayinpage.</DIV>
  27. <DIVclass="css1"><BR/><BR/><BR/>Notprintout</DIV>
  28. <DIVclass="css2"><BR/><BR/><BR/>Printout</DIV>
  29. </BODY>
  30. </HTML>

主要是在于CSS @media print,这个定义了打印时引用的CSS。css1定义了display: none;,所以打印时css1的类型不会被打印。

以上就是打印网页中不打印页面中的某些内容。温柔的大理,想和你一起,看一看日出彩云;想和你一起,听一听洱海的呼吸……更多关于打印网页中不打印页面中的某些内容请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
select选项过长无法显示设置overflow:hidden在IE9中不起作用

input 按钮背景在IE6 IE7中不显示的如何解决方法

h2在div IE7中不垂直居中问题如何解决方法