本節(jié)內(nèi)容:
JQuery、CSS操作打印樣式。
一、添加打印樣式
1,為屏幕顯示和打印分別準(zhǔn)備一個(gè)css文件,如下所示:
用于屏幕顯示的css:
用于打印的css:
2,import方式:
3,直接把屏幕顯示樣式和打印樣式寫在一個(gè)css文件中:
@media print里面的內(nèi)容只對(duì)打印出來的內(nèi)容有效,之外的內(nèi)容就是屏幕顯示的樣式。
其他:
創(chuàng)建一個(gè)不指定媒體類型的樣式表通常很有用(或者利用media="all")。
當(dāng)你準(zhǔn)備好定義一些特別用于打印的規(guī)則時(shí),可以只創(chuàng)建一個(gè)單獨(dú)的樣式表,使任何在打印時(shí)看起來不好的樣式都失效。
使用這種方法的一個(gè)問題是必須確保打印機(jī)樣式實(shí)際上確實(shí)覆蓋了主樣式表。可以使用!important.
二、打印樣式注意事項(xiàng):
1,打印樣式中不推薦使用背景,因?yàn)闉g覽器默認(rèn)情況下并不能打印出CSS中的背景內(nèi)容,只有當(dāng)瀏覽器被設(shè)置可以打印背景的情況下才能打印出背(ie的高級(jí)選項(xiàng)中可選)。
即使背景可以打印,它也可能蓋過疊在它上面的任何文本。
這是真的,尤其對(duì)于用彩色背景在顯示器上強(qiáng)烈對(duì)比的文本,但是在黑白打印機(jī)上打印時(shí)會(huì)融合這一背景。
background:none;去掉背景 圖片和顏色。
可以利用background-color屬性設(shè)置背景顏色為白色,像這樣:background-color: white。
使用background的快捷法也可以獲得相同的效果:background: white。因此像background: white;
這樣的聲明不僅設(shè)置了背景顏色為白色,而且消除了所有背景圖片。利用這個(gè)background的快捷屬性, 你實(shí)現(xiàn)了兩個(gè)目的――設(shè)置了一個(gè)白色背景,并消除了圖片――只用很少的代碼。
2,如果需要在打印內(nèi)容中出現(xiàn)圖片,請(qǐng)?jiān)贖TML代碼中加入。
3,打印設(shè)置使用的是物理單位,所以尺寸最好不要用像素(px),可以用pt也可以用cm;
4,隱藏不需要的或是次要的內(nèi)容。display:none;
5,盡量不要讓內(nèi)容浮動(dòng),有些瀏覽器打印浮動(dòng)的div的過程中,會(huì)有一個(gè)麻煩,需要特別加以注意。
不要在打印的樣式表中浮動(dòng)的塊,像這樣:float: none;。
例如,基于Gecko的瀏覽器 (例如Netscap 6+),當(dāng)用戶用它來瀏覽一個(gè)打印輸出頁面時(shí),它會(huì)截去浮動(dòng)元素中的內(nèi)容。
這些內(nèi)容就不會(huì)被傳送到打印機(jī),下一個(gè)頁面也不會(huì)有它的蹤影
主站蜘蛛池模板:
国产精品午夜小视频观看
|
国产1区2区3区中文字幕
|
欧美不卡三区
|
久久久久久亚洲综合影院红桃
|
在线播放免费视频
|
久久久噜噜噜久久熟有声小说
|
国产资源在线看
|
草人人|
国产在线1区
|
一本色道久久综合狠狠躁篇适合什么人看
|
最近免费观看高清韩国日本大全
|
一边吃奶一边插下面
|
午夜视频在线免费观看
|
国产精品麻豆一区二区三区
|
撅高 自己扒开 调教
|
精品国产一区二区三区在线观看
|
亚洲精品久久久久久久久久
|
欧美精品成人一区二区在线观看
|
免费黄色大片在线观看
|
asian附近女人裸体pics
|
久久精品之
|
欧美一级免费视频
|
欧美一极视频
|
久久亚洲视频网
|
成年人视频在线免费观看
|
中文字幕在线免费播放
|
h视频免费在线观看
|
特级无码毛片免费视频尤物
|
日本免费中文字幕
|
久久精品99久久久久久2456
|
亚洲第一色片
|
欧美重口另类videos人妖
|
日韩视频区
|
毛片在哪看
|
久久久看
|
免费午夜网站
|
精品一区二区三区电影
|
激情视频导航
|
国产成人精品无人区一区
|
中国杭州少妇xxxx做受
|
久久久www免费看片
亚洲综合视频一区
|