网页在Internet Explorer 9中无法正常工作 [英] Web page not working appropriately in internet explorer 9
本文介绍了网页在Internet Explorer 9中无法正常工作的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我创建了这个登录页面，其中包含大量的css和html
它的工作正常，但在Chrome浏览器中没有工作9
i只想在IE9中运行这个网页
所以请帮我解决这个问题。
我的代码在这里 -
我尝试了什么： < br $>
<％@ Page Language =C＃MasterPageFile =〜/ PageFrameworkBase.masterAutoEventWireup =true
CodeFile =VAuthLogin.aspx.csInherits =VAuthLoginTitle =Login％>
< asp：Content ID =Content1ContentPlaceHolderID =HeadContentsrunat =Server>
< link href =./ css / Login.css =stylesheettype =text / css/>
< style type =text / css>
h1
{
font-weight：bold;
font-size：small;
margin-bottom：10px;
}
.UIContainer
{
background：rgba（255,255,255，.7）;
border-bottom-style：ridge;
border-color：蓝色;
}
.textc
{
border：2px solid＃456879;
border-radius：10px;
身高：22px;
宽度：230px;
}
.tb10 {
background-image：url（App_Themes / default / buttons / form_bg.jpg）;
background-repeat：repeat-x;
border：1px solid＃d1c7ac;
宽度：160px;
身高：20px;
颜色：＃333333;
填充：3px;
margin-right：4px;
margin-bottom：8px;
font-family：tahoma，arial，sans-serif;
}
.colorgraph {
身高：7px;
border-top：0;
背景：＃c4e17f;
border-radius：5px;
background-image：-webkit-linear-gradient（左，＃c4e17f，＃c4e17f 12.5％，＃f7fdca 12.5％，＃f7fdca 25％，＃fecf71 25％，＃fecf71 37.5％，＃f0776c 37.5％， ＃f0776c 50％，＃db9dbe 50％，＃db9dbe 62.5％，＃c49cde 62.5％，＃c49cde 75％，＃669ae1 75％，＃669ae1 87.5％，＃62c2e4 87.5％，＃62c2e4）;
background-image：-webkit-linear-gradient（左，＃c4e17f，＃c4e17f 12.5％，＃f7fdca 12.5％，＃f7fdca 25％，＃fecf71 25％，＃fecf71 37.5％，＃f0776c 37.5％， ＃f0776c 50％，＃db9dbe 50％，＃db9dbe 62.5％，＃c49cde 62.5％，＃c49cde 75％，＃669ae1 75％，＃669ae1 87.5％，＃62c2e4 87.5％，＃62c2e4）;
background-image：-webkit-linear-gradient（左，＃c4e17f，＃c4e17f 12.5％，＃f7fdca 12.5％，＃f7fdca 25％，＃fecf71 25％，＃fecf71 37.5％，＃f0776c 37.5％， ＃f0776c 50％，＃db9dbe 50％，＃db9dbe 62.5％，＃c49cde 62.5％，＃c49cde 75％，＃669ae1 75％，＃669ae1 87.5％，＃62c2e4 87.5％，＃62c2e4）;
background-image：线性渐变（右边，＃c4e17f，＃c4e17f 12.5％，＃f7fdca 12.5％，＃f7fdca 25％，＃fecf71 25％，＃fecf71 37.5％，＃f0776c 37.5％，＃f0776c 50％，＃db9dbe 50％，＃db9dbe 62.5％，＃c49cde 62.5％，＃c49cde 75％，＃669ae1 75％，＃669ae1 87.5％，＃62c2e4 87.5％，＃62c2e4）;
}
.BG
{
background-size：100％100％;
background-repeat：no-repeat;
}
< / style>
< / asp：Content>
< asp：Content ID =Content3runat =serverContentPlaceHolderID =ClientScriptContent>
< script type =text / javascript>
if（self.top！= self）{self.top.location = self.location.toString（）。split（？）[0]; }
// $（document.body）.addClass（TM-WaterMark）;
$（窗口）.load（function（）{
AlignUI（）;
$（窗口）.resize（AlignUI）;
$（＃RootPanel ）.css（{visibility：visible，display：none}）。fadeIn（slow）;
}）;
函数AlignUI（）{
$（＃RootPanel）。height（$（window）.height（））;
var left =（$（＃RootPanel）。innerWidth（） - $（div＃UIContainer）。outerWidth（））/ 2;
var top =（$（＃RootPanel）。innerHeight（） - $（div＃UIContainer）。outerHeight（））/ 2;
$（div＃UIContainer）。css（{'top':( top +px），'left':(左+px）}）;
}
函数PrepareModuleList（）{
$（＃ModulesList li input：[id $ ='BTN_Select']）。button（）;
$（＃ModulesList li）。dblclick（function（）{
$（input：[id $ ='BTN_Select']，this）.click（）;
} ）;
$（＃ModulesList li）。hover（
function（）{
$（span.desc，this）.fadeIn（）;
}，
function（）{
$（span.desc，this）.fadeOut（）;
}
）;
}
函数ConfirmLogout（Mesg）{
if（ConfirmRedirect（Mesg））{
退出（函数（结果）{
alert（result）;
window.location.reload（）;
}）;
}
}
函数Logout（CallBack）{
AjaxRequestManager.AsyncModeOn = false;
AjaxRequestManager.ExecuteWebMethod（Logout，new Array（），CallBack）;
}
var images = [1.jpg，2.jpg，3.jpg];
$（function（）{
var i = 0;
$（＃RootPanel）。css（background-image，url（App_Themes / default / buttons /+ images [i] +））;
setInterval（function（）{
i ++;
if（i == images.length）{
i = 0;
}
$（＃RootPanel）。fadeTo（fast，function（）{
$（this）.css（background-image，url（App_Themes / default / buttons /） + images [i] +））;
$（this）.fadeIn（fast）;
}）;
}，$ 5000）;
}） ;
< / script>
< / asp：Content>
< asp：Content ID =Content2ContentPlaceHolderID =PageContentsrunat =Server>
< div id =RootPanelclass =BG>
< h2 id =Welcomeclass =Highlight>
< asp：Literal ID =WelcomeHeaderrunat =server>< / asp：Literal>< / h2>
< div id =UIContainer>
< asp：UpdatePanel ID =UpdatePanel1runat =server>
< ContentTemplate>
< asp：MultiView ID =MV_Rootrunat =serverActiveViewIndex =0>
< asp：View ID =VW_LoginPromptrunat =server>
< label style =font-size：x-large; font-family：Georgia; font-weight：normal; font-style：normal; font-variant：normal; text-transform：无;颜色：＃FF3300>登录< / label>
< hr class =colorgraph>< br>
< table style =margin：0px auto;>
< tr>< td>
< / td>< / tr>
< tr>
< td style =text-align：right; font-family：Century Gothic; font-size：medium>
用户名：
< / td>
< td>
< asp：TextBox ID =TXT_UserNamerunat =serverCssClass =tb10Font-Size =Small>< / asp：TextBox>
< asp：RequiredFieldValidator ID =RFV_UserNamerunat =serverControlToValidate =TXT_UserName
SetFocusOnError =trueText =*ErrorMessage =用户名不能为空！的ValidationGroup = LOGIN >< / ASP：RequiredFieldValidator的>
< / td>
< / tr>
< tr>
< td style =text-align：right; font-family：Century Gothic; font-size：medium>
密码：
< / td>
< td style =text-align：left>
< asp：TextBox ID =TXT_Passwordrunat =serverTextMode =PasswordCssClass =tb10Font-Size =Small>< / asp：TextBox>
< asp：RequiredFieldValidator ID =RFV_Passwordrunat =serverControlToValidate =TXT_Password
SetFocusOnError =trueText =*ErrorMessage =密码不能为空！的ValidationGroup = LOGIN >< / ASP：RequiredFieldValidator的>
< / td>
< / tr>
< tr>
< td style =text-align：right; font-family：Century Gothic; font-size：medium>
公司：
< / td>
< td style =text-align：left>
< asp：DropDownList ID =ddlcompanyrunat =serverDataTextField =CompanyNameDataValueField =CompanyIDFont-Size =Small>
< / asp：DropDownList>
< / td>
< / tr>
< tr>
< td colspan =2style =height：5px;>
< asp：ValidationSummary ID =VS_Loginrunat =serverValidationGroup =LOGINShowMessageBox =true
ShowSummary =false/>
< / td>
< / tr>
< tr>
< td>
< asp：CheckBox ID =CHK_Rememberrunat =serverText =Remember Me/>
< / td>
< br>
< td style =text-align：right>
< asp：按钮ID =BTN_Loginrunat =serverOnClick =BTN_Login_ClickText =登录
ValidationGroup =LOGINSkinID =BtnLogInBackColor =White字体-Bold =True高度=24宽度=68/>
< / td>
< / tr>
< / table>
< / asp：查看>
< asp：查看ID =VW_CBYMappingrunat =server>
< center>
< h1>
< asp：Literal ID =ltrlcomprunat =server>< / asp：Literal>< / h1>
< / center>
< div style =height：300px; overflow：scroll; width：800px; margin：auto;>
< asp：GridView ID =GV_CBMappingsrunat =serverAutoGenerateColumns =falseDataKeyNames =BranchId
OnRowCreated =GV_CBMappings_RowCreatedOnSelectedIndexChanged =GV_CBMappings_SelectedIndexChanged
OnRowDataBound = GV_CBMappings_RowDataBoundStyle =margin：0px auto;>
< Columns>
< asp：TemplateField HeaderText =Branch>
< ItemTemplate>
<％＃Eval（BranchName）％>
< / ItemTemplate>
< / asp：TemplateField>
< asp：TemplateField HeaderText =财政年度>
< ItemTemplate>
< asp：DropDownList ID =DDL_FYearrunat =serverEnabled ='<％＃Eval（IsSelecatble）％>'>
< / asp：DropDownList>
< asp：RequiredFieldValidator ID =RFV_FYearrunat =serverControlToValidate =DDL_FYear
InitialValue =0ErrorMessage =Please Select Finacial Year！ Text =*SetFocusOnError =true>< / asp：RequiredFieldValidator>
< / ItemTemplate>
< / asp：TemplateField>
< asp：TemplateField HeaderText =Select>
< ItemTemplate>
< asp：Button ID =BTN_Selectrunat =serverText =«CommandName =SelectCommandArgument ='<％＃Container.DataItemIndex％>'
Enabled =' <％＃Eval（IsSelecatble）％>'CausesValidation =true/>
< asp：ValidationSummary ID =VS_CBYrunat =serverShowMessageBox =trueShowSummary =false/>
< / ItemTemplate>
< / asp：TemplateField>
< / Columns>
< SelectedRowStyle CssClass =Selected/>
< / asp：GridView>
< / div>
< / asp：查看>
< / asp：MultiView>
< / ContentTemplate>
< / asp：UpdatePanel>
< / div>
< div id =LogoffDivclass =Highlight>
< asp：LinkButton ID =BTN_LogOutrunat =serverSkinID =BtnLogOffOnClientClick =javascript：ConfirmLogout（'你确定要注销？'）;返回false;
ToolTip =从系统退出Text =Logout/>
< / div>
< / div>
< / asp：Content>
<％ - div＃RootPanel
{
background-image：url（App_Themes / default / buttons / intro-bg4_bright.jpg）;
}
- ％>
解决方案
（document.body）.addClass（TM-WaterMark）;
（window）.load（function（）{
AlignUI（）;
（窗口）.resize（AlignUI）;
im created this login page with lots of css and html
its working fine in chrome but not working in internet explorer 9
i want to run this web page only in I.E.9
so plz help me out from this.
my code is here-
What I have tried:
<%@ Page Language="C#" MasterPageFile="~/PageFrameworkBase.master" AutoEventWireup="true"
CodeFile="VAuthLogin.aspx.cs" Inherits="VAuthLogin" Title="Login" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContents" runat="Server">
<link href="./css/Login.css" rel="stylesheet" type="text/css" />
<style type="text/css">
h1
{
font-weight: bold;
font-size: small;
margin-bottom: 10px;
}
.UIContainer
{
background:rgba(255,255,255,.7);
border-bottom-style:ridge;
border-color:Blue;
}
.textc
{
border:2px solid #456879;
border-radius:10px;
height: 22px;
width: 230px;
}
.tb10 {
background-image:url( "App_Themes/default/buttons/form_bg.jpg" );
background-repeat:repeat-x;
border:1px solid #d1c7ac;
width: 160px;
height:20px;
color:#333333;
padding:3px;
margin-right:4px;
margin-bottom:8px;
font-family:tahoma, arial, sans-serif;
}
.colorgraph {
height: 7px;
border-top: 0;
background: #c4e17f;
border-radius: 5px;
background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
.BG
{
background-size:100% 100%;
background-repeat:no-repeat;
}
</style>
</asp:Content>
<asp:Content ID="Content3" runat="server" ContentPlaceHolderID="ClientScriptContent">
<script type="text/javascript">
if (self.top != self) { self.top.location = self.location.toString().split("?")[0]; }
// $(document.body).addClass("TM-WaterMark");
$(window).load(function() {
AlignUI();
$(window).resize(AlignUI);
$("#RootPanel").css({ "visibility": "visible", "display": "none" }).fadeIn("slow");
});
function AlignUI() {
$("#RootPanel").height($(window).height());
var left = ($("#RootPanel").innerWidth() - $("div#UIContainer").outerWidth()) / 2;
var top = ($("#RootPanel").innerHeight() - $("div#UIContainer").outerHeight()) / 2;
$("div#UIContainer").css({ 'top': (top + "px"), 'left': (left + "px") });
}
function PrepareModuleList() {
$("#ModulesList li input:[id$='BTN_Select']").button();
$("#ModulesList li").dblclick(function() {
$("input:[id$='BTN_Select']", this).click();
});
$("#ModulesList li").hover(
function() {
$("span.desc", this).fadeIn();
},
function() {
$("span.desc", this).fadeOut();
}
);
}
function ConfirmLogout(Mesg) {
if (ConfirmRedirect(Mesg)) {
Logout(function(result) {
alert(result);
window.location.reload();
});
}
}
function Logout(CallBack) {
AjaxRequestManager.AsyncModeOn = false;
AjaxRequestManager.ExecuteWebMethod("Logout", new Array(), CallBack);
}
var images = ["1.jpg", "2.jpg", "3.jpg"];
$(function() {
var i = 0;
$("#RootPanel").css("background-image", "url(App_Themes/default/buttons/" + images[i] + ")");
setInterval(function() {
i++;
if (i == images.length) {
i = 0;
}
$("#RootPanel").fadeTo("fast", function() {
$(this).css("background-image", "url(App_Themes/default/buttons/" + images[i] + ")");
$(this).fadeIn("fast");
});
}, 5000);
});
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="PageContents" runat="Server">
<div id="RootPanel" class="BG">
<h2 id="Welcome" class="Highlight">
<asp:Literal ID="WelcomeHeader" runat="server"></asp:Literal></h2>
<div id="UIContainer" >
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:MultiView ID="MV_Root" runat="server" ActiveViewIndex="0">
<asp:View ID="VW_LoginPrompt" runat="server">
<label style="font-size: x-large; font-family: Georgia; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; color: #FF3300">Login</label>
<hr class="colorgraph"><br>
<table style="margin: 0px auto;">
<tr><td>
</td></tr>
<tr>
<td style="text-align: right; font-family:Century Gothic;font-size:medium" >
User Name :
</td>
<td>
<asp:TextBox ID="TXT_UserName" runat="server" CssClass="tb10" Font-Size="Small" ></asp:TextBox>
<asp:RequiredFieldValidator ID="RFV_UserName" runat="server" ControlToValidate="TXT_UserName"
SetFocusOnError="true" Text="*" ErrorMessage="User Name cannot be Empty!" ValidationGroup="LOGIN"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td style="text-align: right;font-family:Century Gothic;font-size:medium">
Password :
</td>
<td style="text-align: left">
<asp:TextBox ID="TXT_Password" runat="server" TextMode="Password" CssClass="tb10" Font-Size="Small"></asp:TextBox>
<asp:RequiredFieldValidator ID="RFV_Password" runat="server" ControlToValidate="TXT_Password"
SetFocusOnError="true" Text="*" ErrorMessage="Password cannot be Empty!" ValidationGroup="LOGIN"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td style="text-align: right;font-family:Century Gothic;font-size:medium">
Company :
</td>
<td style="text-align: left">
<asp:DropDownList ID="ddlcompany" runat="server" DataTextField="CompanyName" DataValueField="CompanyID" Font-Size="Small">
</asp:DropDownList>
</td>
</tr>
<tr>
<td colspan="2" style="height: 5px;">
<asp:ValidationSummary ID="VS_Login" runat="server" ValidationGroup="LOGIN" ShowMessageBox="true"
ShowSummary="false" />
</td>
</tr>
<tr>
<td>
<asp:CheckBox ID="CHK_Remember" runat="server" Text="Remember Me" />
</td>
<br >
<td style="text-align: right">
<asp:Button ID="BTN_Login" runat="server" OnClick="BTN_Login_Click" Text="Sign In"
ValidationGroup="LOGIN" SkinID="BtnLogIn" BackColor="White" Font-Bold="True" Height="24" Width="68" />
</td>
</tr>
</table>
</asp:View>
<asp:View ID="VW_CBYMapping" runat="server">
<center>
<h1>
<asp:Literal ID="ltrlcomp" runat="server"></asp:Literal></h1>
</center>
<div style="height: 300px; overflow: scroll; width: 800px; margin: auto;">
<asp:GridView ID="GV_CBMappings" runat="server" AutoGenerateColumns="false" DataKeyNames="BranchId"
OnRowCreated="GV_CBMappings_RowCreated" OnSelectedIndexChanged="GV_CBMappings_SelectedIndexChanged"
OnRowDataBound="GV_CBMappings_RowDataBound" Style="margin: 0px auto;">
<Columns>
<asp:TemplateField HeaderText="Branch">
<ItemTemplate>
<%# Eval("BranchName")%>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Financial Year">
<ItemTemplate>
<asp:DropDownList ID="DDL_FYear" runat="server" Enabled='<%# Eval("IsSelecatble") %>'>
</asp:DropDownList>
<asp:RequiredFieldValidator ID="RFV_FYear" runat="server" ControlToValidate="DDL_FYear"
InitialValue="0" ErrorMessage="Please Select Finacial Year!" Text="*" SetFocusOnError="true"></asp:RequiredFieldValidator>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Select">
<ItemTemplate>
<asp:Button ID="BTN_Select" runat="server" Text="«" CommandName="Select" CommandArgument='<%# Container.DataItemIndex %>'
Enabled='<%# Eval("IsSelecatble") %>' CausesValidation="true" />
<asp:ValidationSummary ID="VS_CBY" runat="server" ShowMessageBox="true" ShowSummary="false" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
<SelectedRowStyle CssClass="Selected" />
</asp:GridView>
</div>
</asp:View>
</asp:MultiView>
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div id="LogoffDiv" class="Highlight">
<asp:LinkButton ID="BTN_LogOut" runat="server" SkinID="BtnLogOff" OnClientClick="javascript:ConfirmLogout('Are You sure want to Logoff?'); return false;"
ToolTip="Logout from System" Text="Logout" />
</div>
</div>
</asp:Content>
<%-- div#RootPanel
{
background-image:url( "App_Themes/default/buttons/intro-bg4_bright.jpg" );
}
--%> 解决方案
(document.body).addClass("TM-WaterMark");
(window).load(function() { AlignUI();
(window).resize(AlignUI);
这篇关于网页在Internet Explorer 9中无法正常工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
