Question

我有一个使用jquery开发的网站，并且具有动态的编码风格。

从Visual Studio运行时，它在IE10中工作正常。但在部署到生产服务器后，整个样式在IE10中被破坏。

在所有其他版本的IE（IE11，IE8）以及Chrome中，它渲染得当。但是在mozilla中有渲染问题。

我在每个html页面主题部分尝试过以下元标记

和

有人可以帮助我解决这个问题吗？

提前致谢。

页面来源：

审批人页面

<link href="Scripts/css/reset.css" rel="stylesheet" type="text/css" />
<link href="Scripts/css/styles.css" rel="stylesheet" type="text/css" />
<link href="Scripts/css/jquery.jscrollpane.css" rel="stylesheet" type="text/css" />
<script src="Scripts/script/jquery.js" type="text/javascript"></script>


</head>
<body>
    <div class="wrapper" id="wrap">
        <div id="approver-intro-page" class="ancNav">
            <p>
                Welcome you have logged in as <span id="LoggedInName" class="role">
                </span>
            </p>
            <a href="#" id="btnHome">Home</a> <a href="javascript:SuperAdminTab();" class="btnSuperAdmin"
                style="display: none;">Super Admin</a>
            <input type="image" src="Scripts/images/searchicon.png" class="btnSearch" id="btnSearchpg1" />
            <input type="text" class="txtSearchName" id="txtSearchNamepg1" style="margin-left: 440px"
                maxlength="30" data-watermark="Search by Request Id" />
            <div class="clr">
            </div>
            <h3>
                <span id="Approvername"></span><span class="Welcome">Welcome to Safety
                    Permit App!</span> <span class="Note"></span>
            </h3>
            <h4>
                <span>Request Category</span> <span>Notifications</span>
            </h4>
            <div class="fleft approver-contents-header" id="ApproverPageContent">
            </div>
            <div id="ApproverNotificationDiv">
            </div>
            <div class="clr">
            </div>
        </div>
        <div class="hot-wrk-prmt" id="AppReqPage" style="display: none;">
            <p>
                Welcome you have logged in as <span id="LoggedInName1" class="role">
                </span>
            </p>
            <a href="#" id="ApproverHome" style="text-decoration: none;">Home</a> <a href="javascript:SuperAdminTab();"
                class="btnSuperAdmin">Super Admin</a>
            <input type="image" src="Scripts/images/searchicon.png" class="btnSearch" id="btnSearchpg2" />
            <input type="text" class="txtSearchName" id="txtSearchNamepg2" style="margin-left: 440px"
                maxlength="30" data-watermark="Search by Request Id" />
            <div class="clr">
            </div>
            <label id="PermitName" style="display: none">
            </label>
            <h4 style="margin-top: 42px;">
                <span>Request ID</span> <span class="wid11">Raised by</span> <span class="wid12">Request
                    Date</span> <span class="wid13">Status</span> <span>Action</span>
            </h4>
            <div id="approver-contents-scroll">
            </div>
            <input type="button" value="Back" id="backbutton" />
        </div>
        <div class="wrk-details-individual" style="display: none;">
            <div id="ApproverRequestDetails">
            </div>
            <div class="reject-button">
                <span class="fleft">
                    <input type="button" value="Reject" id="btnRejectRequest" /></span> <span class="fleft">
                        <input type="button" value="Approve" id="btnApproveRequest" /></span>
            </div>
            <div class="wrk-details lft" id="Rejectionreason" style='display: none'>
                <label>
                    Reason for Rejection</label>
                <div>
                    <textarea rows="5" cols="5" id="rejecttextarea" class="textarealimit"></textarea>
                </div>
            </div>
            <div class="save-button">
                <span class="fleft">
                    <input type="button" value="Save" id="btnSaveRejectionReason" /></span> <span class="fleft">
                        <input type="button" value="Cancel" id="btnCloseRejectionReason" /></span>
            </div>
            <div class="clr">
            </div>
        </div>
        <div id="permit-cancel" style="display: none">
            <h4>
                Permit Cancellation</h4>
</div>
    </body>

</html>

Answer 1

请尝试在head标记中添加以下内容。

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

IE10中的Html页面呈现问题

1 个答案: