-3
jquery를 사용하여 개발 된 웹 사이트를 동적 스타일로 코딩했습니다.IE10의 Html 페이지 렌더링 문제
Visual Studio에서 실행하는 동안 IE10에서는 정상적으로 작동하지만 프로덕션 서버에 배포 한 후에는 전체 스타일이 IE10에서 손상되었습니다.
다른 모든 버전의 IE (IE11, IE8) 및 크롬에서도 제대로 렌더링됩니다. 그러나 모질라에서 렌더링 문제가 있습니다.
나는 각 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>
일부 코드가 표시 될 수 있습니까? – ShoeLace1291
브라우저 도구를 사용하여 스타일이로드되는지, JavaScript가 렌더링되는지, 어떤 스타일을보고 무엇을 볼 것인지를 확인하십시오. – Aristos
다른 브라우저에서는 제대로 작동하지만 IE10에서는 제대로 작동하지 않습니다. 그럼 어떻게 작동 시키는가? –