直接在IE8.0下打印样式

最新推荐文章于 2020-09-07 17:37:11 发布

Andy__Huang

最新推荐文章于 2020-09-07 17:37:11 发布

阅读量1.5k

点赞数

分类专栏： JavaScript & CSS .NET程序

本文链接：https://blog.csdn.net/hdhai9451/article/details/17390107

版权

.NET程序同时被 2 个专栏收录

72 篇文章 1 订阅

订阅专栏

JavaScript & CSS

25 篇文章 0 订阅

订阅专栏

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PrintTeacherCalendar.aspx.cs"
    Inherits="TEST.WebClient.Pages.Booking.PrintTeacherCalendar" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <meta http-equiv="Content-Type" content="text/type;charset=utf-8" />
    <meta http-equiv="X-UA-Compatiable" content="IE=EmulateIE7" />
    <style type="text/css" media="screen">
        html, document, body, window, form, div
        {
            margin: 0px;
            padding: 0px;
        }
        
        .header
        {
            background: #666666;
        }
        .header td
        {
            text-align: center;
            height: 60px;
            vertical-align: middle;
            line-height: 20px;
            color: White;
            font-weight: bold;
        }
        .marginBottom
        {
            margin-bottom: 40px;
        }
    </style>
    <style type="text/css" media="print">
        .noprint
        {
            display: none;
        }
        .marginBottom
        {
            margin-bottom: 0px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <table cellpadding="1" cellspacing="1" border="1" style="border-collapse: collapse;
        width: 100%; text-align: center;" class="marginBottom">
        <tr>
            <td colspan="8" style="height: 60px; font-weight: bold; font-size: xx-large;">
                導師名稱：<asp:Label ID="lbl_TeacherName" runat="server"></asp:Label>
            </td>
        </tr>
        <%=GetCalendarHeaderHtml()%>
        <%=GetCalendarBodyHtml()%>
    </table>
    <div style="position: fixed; bottom: 0px; left: 0px; right: 0px; background: gray;
        height: 40px;" class="noprint">
        <input type="button" value="打印" style="margin-top: 8px; margin-left: 8px;" οnclick="window.print();" />
        <input type="button" value="關閉" style="margin-top: 8px; margin-left: 8px;" οnclick="window.parent.ClostTeacherCalendar();" />
    </div>
    </form>
</body>
</html>

此设置有IE8.0下打印没有问题 ; 但是在IE10.0下打印，如果有换页，下一页样式打印不出来，这就是IE10.0的一个bug