-3
我有一個使用jQuery開發的網站，並且有一個動態的編碼風格。在IE10中的HTML頁面呈現問題
在Visual Studio中運行時，它在IE10中正常工作，但是在部署到生產服務器後，整個樣式在IE10中被破壞。
在所有其他版本的IE瀏覽器（IE11，IE8）和Chrome瀏覽器中，它渲染正常。但在Mozilla中有渲染問題。
我試圖在每一個HTML頁面頭部下面的meta標籤
和
任何人可以幫助我對這個問題要得到解決？
在此先感謝。
頁來源：
審批頁
<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>
我們能否看到一些代碼？ – ShoeLace1291
使用您的瀏覽器工具查看樣式是否已加載，是否呈現JavaScript，您期望的樣式以及您看到的樣式... – Aristos
這些樣式在其他瀏覽器中正常工作，但在IE10中無法正常工作。那麼如何讓它工作？ –