网站建设新闻资讯
更多 >>当前位置: 主页 > 建站技巧 > 网页制作打印网页时隐藏某些内容方法

    网页制作打印网页时隐藏某些内容方法

    时间:2010-11-06     来源:广州网站建设    作者:www.c71.cn    点击:

    网站建设中经常需用到打印功能,一般的做法是调用IE的打印控件,但有个问题是只能整页的打印出来,那如果想某些不打印显示出来,只打印某块结果位置的又该怎么办呢?下面是一种简单的网页打印隐藏内容技巧。

    <style type="text/css">
    <!--
    @media Print   
    {
    .noprint {
     DISPLAY: none
    }
    -->
    </style>

    <div>正常打印内容</div>
    <div class="noprint">不需要打印的隐藏内容</div>

    <input name=Submit type="image" src="images/dayin.gif" onClick="window.print();">

    这样打印网页时就只打印<div>正常打印内容</div>了,至于其他的不打印内容统统可用样式class="noprint"定义起来。


    复制本文《网页制作打印网页时隐藏某些内容方法》地址给好友:

    将此文章《网页制作打印网页时隐藏某些内容方法》收藏或分享到:

    上一篇:没有了      下一篇:3C标准网页不随网页滚动的解决办法