日期:2014-05-16  浏览次数:20617 次

CSS @Media print样式在chrome下不起作用?还是我不会用啊!
现在做一个页面打印,因为有一个返回按钮不能打印出来,所以想让它在打印时不起作用,上网查了说@Media print是专用于打印的样式,用了一下,用法如下:
//先定义样式
<style>
@media print{
  .noprint{
     display:none
  }
}
</style>

//再把该样式加到不想打印的元素上(此处为返回按钮)
<input class="noprint" type="button" value="返回" onclick="javascript: location.href='XXX';return false;"/>

在IE下确实可以达到不打印该按钮的效果,但是在chrome下和360等浏览器的极速模式下就不行,按钮照样会打印出来,我现在想问是因为我使用不当呢还是这个Css媒体样式不只适用于IE系的浏览器呢?

在chrome下如何达到让某些元素不打印的效果呢?

大神、大哥、大姐不吝赐教!感激不尽!

------解决方案--------------------
归根结底就是你用的这个前面有不明的输出