`

ie中打印页面

阅读更多

<styletype="text/css"media=print>主要是media选项对照下面的那一个style一起看
.noprint{visibility:hidden}
span.double{BORDER-BOTTOM-STYLE:double;BORDER-LEFT-STYLE:double;
BORDER-RIGHT-STYLE:double;BORDER-TOP-STYLE:double;COLOR:mediumblue;
CURSOR:hand;FONT-SIZE:12pt;HEIGHT:22px;LEFT:314px;TEXT-ALIGN:center;
WIDTH:96px}
select.sb{Z-INDEX:121;LEFT:0px;WIDTH:90px;POSITION:absolute;
HEIGHT:170px}
span.tab{LEFT:40px;WIDTH:900px;POSITION:relative;TOP:0px;HEIGHT:225px}
table{BORDER-RIGHT:blackmediuminset;BORDER-TOP:blackmediuminset;BORDER-LEFT:blackmediuminset;WIDTH:900px;BORDER-BOTTOM:blackmediuminset;HEIGHT:31px;POSITION:absolute}
tr.col0{BORDER-RIGHT:thickinset;BORDER-TOP:thickinset;FONT-WEIGHT:bold;FONT-SIZE:15px;BORDER-LEFT:thickinset;BORDER-BOTTOM:10px;FONT-FAMILY:
宋体;BACKGROUND-COLOR:blue;TEXT-ALIGN:center}
tr.tr1{}
td.td0{WIDTH:120px;TEXT-ALIGN:center;height:30px;}
td.td1{WIDTH:330px;TEXT-ALIGN:right}
td.td2{WIDTH:70px;TEXT-ALIGN:right}
td.td3{WIDTH:330px;TEXT-ALIGN:right}
</style>

<stylemedia=screen>
主要是media选项对照上面的那一个style一起看
span.double{BORDER-BOTTOM-STYLE:double;BORDER-LEFT-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-TOP-STYLE:double;COLOR:mediumblue;
CURSOR:hand;FONT-SIZE:12pt;HEIGHT:22px;LEFT:314px;TEXT-ALIGN:center;
WIDTH:96px}
select.sb{Z-INDEX:121;LEFT:0px;WIDTH:90px;POSITION:absolute;
HEIGHT:170px}
span.tab{LEFT:154px;WIDTH:900px;POSITION:relative;TOP:30px;HEIGHT:225px}
table{BORDER-RIGHT:bluegroove;BORDER-TOP:bluegroove;BORDER-LEFT:bluegroove;WIDTH:900px;BORDER-BOTTOM:bluegroove;POSITION:absolute}
tr.col0{BORDER-RIGHT:redthickinset;BORDER-TOP:redthickinset;FONT-WEIGHT:bold;FONT-SIZE:15px;BORDER-LEFT:redthickinset;COLOR:white;BORDER-BOTTOM:yellow10pxsolid;FONT-FAMILY:
宋体;BACKGROUND-COLOR:blue;TEXT-ALIGN:center}
tr.tr1{BORDER-BOTTOM:fuchsiainset}
td.td0{WIDTH:120px;BORDER-LEFT-STYLE:none;TEXT-ALIGN:center;BORDER-BOTTOM-STYLE:none}
td.td1{WIDTH:330px;BORDER-LEFT:bluethinsolid;TEXT-ALIGN:right}
td.td2{WIDTH:70px;BORDER-TOP-STYLE:inset;BORDER-RIGHT-STYLE:inset;BORDER-LEFT-STYLE:inset;TEXT-ALIGN:right;BORDER-BOTTOM-STYLE:inset}
td.td3{WIDTH:330px;BORDER-TOP-STYLE:inset;BORDER-RIGHT-STYLE:inset;BORDER-LEFT-STYLE:inset;TEXT-ALIGN:right;BORDER-BOTTOM-STYLE:inset}
td.td5{TEXT-ALIGN:right}
</style>

仔细看一下其实只要建立2个style而么个style指向不同的设备,但是在style中使用相同的id,这样再在需要打印和显示是需要不同的样式的对象中引用同一个id号(比如说<tdclass=td3>.....</td>)但是有一个重要问题时仔细看我在打印是设定不打印是通过设定“visibility:hidden”来实现的,但在实际应用中发现如果在脚本代码中使用了“obj.style.visibility=visible”也就是对莫个对象的visibility进行了操作这时候咋打印的时候也会显示出来,也就是说脚本代码的操作对不同的设备同时有效,最后通过了另一个style属性display了实现了,也就是说在脚本代码中用obj.style.diaplay="block"或者"none"来实现对象的显示这样就不影响打印功能的实现了。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics