【发布时间】：2014-03-24 20:12:01
【问题描述】：
我有一个使用 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>
【问题讨论】：
-
我们可以看看一些代码吗？
-
使用您的浏览器工具查看样式是否已加载、javascript 是否已呈现、您期望的样式以及您看到的...
-
样式在其他浏览器中正常工作，但在 IE10 中不行。那么如何让它发挥作用呢？
-
@PraveenVR 您需要定义“正常工作”并且更具体。也可能是 2-3 个或更多原因...检查您的浏览器调试工具以查找原因。也许css没有加载。
标签： html asp.net css styles internet-explorer-10