打印网页时去掉使用bootstrap框架后预览效果下的超链接


web的打印方法具我自己懂得知道的有:

1、JQuery插件Jqprint实现
2、JQery打印插件PrintArea实现网页打印
3、CSS控制网页打印样式


      但是在使用了bootstrap框架来搭建自己的网站时遇到了打印网页时在带有超链接文字的旁边出现了超链,该如何解决呢?

      后来还是经过网上的一番查资料后,终于找到了解决问题的办法,原来,bootstrap.css在超链接的后边生成了一个超链接,代码就是这个a[href]:after { content:" (" attr(href) ")"}。找到了问题所在,解决办法随之而来:


a[href]:after{content:normal;}

此解决办法要写在自己定义的CSS样式表中,以覆盖掉框架原有的样式即可。

1、JQuery插件Jqprint实现

jqprint.rar


  1. <html>  

  2.     <head>  

  3.         <script type="text/javascript" src="jquery.min.js"></script>  

  4.         <script type="text/javascript" src="jquery.jqprint-0.3.js"></script>  

  5.         <script type="text/javascript">  

  6.         $(document).ready(function($){  

  7.             $('#img').jqprint({  

  8.                 debug: false,            

  9.                 importCSS: true,         

  10.                 printContainer: true,    

  11.                 operaSupport: false      

  12.             })  

  13.         })  

  14.         </script>  

  15.     </head>  

  16.     <body>  

  17.         <img id="img" src="print.jpg"></img>  

  18.     </body>  

  19. </html>  


使用jquery jqprint插件,方便简单!

注:本文转载自拾图网[http://www.tshinet.com],转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如有侵权行为,请联系我们,我们会及时删除。
上一篇 下一篇

分享

最新评论

最新加入