jquery 打印没有CSS怎么解决?

html-css05

jquery 打印没有CSS怎么解决?,第1张

解决方法:要把css代码放入my_show里面,跟打印的内容放在一起,让jquery一起加载,才能生效。

具体操作:

一、添加打印样式

1. 为屏幕显示和打印分别准备一个css文件,如下所示:

用于屏幕显示的css: <link rel="stylesheet" href="css/mainstylesheet.css" media="screen" />

用于打印的css:<link rel="stylesheet" href="css/printstylesheet.css" media="print" />

2. import方式:

<style type="text/css">

@import url("css/printstylesheet.css") print

</style>

3. 直接把屏幕显示样式和打印样式写在一个css文件中:

@media print {}{

h1 {

color: black

}

h2 {}{

color: gray

}

}

@media print里面的内容只对打印出来的内容有效,之外的内容就是屏幕显示的样式。

其他:

创建一个不指定媒体类型的样式表通常很有用(或者利用media="all")。当你准备好定义一些特别用

于打印的规则时,可以只创建一个单独的样式表,使任何在打印时看起来不好的样式都失效。使用这种方法的一个问题是必须确保打印机样式实际上确实覆盖了主样式表。可以使用!important.

jQuery 使用addClass()与removeClass()来动态的添加或移出一个css 类,例如:

1.$(“#para1”).addClass('highlight')添加一个“highlight”css 类给id为para1的元素。

2.$(‘#para1’).removeClass(‘'highlight')从id为para1的元素中移出一个‘highlight’css类。