css类在网页中没有效果

时间:2015-06-27 10:46:54

标签: css

此页面的head部分(bodyBackGround类和divLoginBackGround类)的CSS类在应用后没有显示任何效果。我非常需要帮助,因为我已经与它争斗超过一天了。以前它曾经工作但是猜测为什么它不再起作用。有人请帮忙。以下是我的代码:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        #form1 {
            height: 505px;
        }

        .bodyBackGround {
            background: linear-gradient(30deg, Azure, HoneyDew, Lavender);
         }

        .divLoginBackGround {            
            background: repeating-linear-gradient(120deg, rgba(0, 0, 235, 0.4), rgba(0,145,245,0.02), rgba(0,220,255,0.1), rgba(0, 0, 235, 0.02), rgba(0,0,245,0.08), rgba(0,160,255,0.1));
        }
    </style>
</head>
<body class="bodyBackGround">
    <form id="form1" runat="server">
        <asp:Panel ID="Panel1" runat="server" CssClass="divLoginBackGround" BorderColor="Green" BorderStyle="Solid" BorderWidth="1px" Style="z-index: 102; left: 319px; position: absolute; top: 158px; width: 392px; height: 228px;">
            <asp:Label ID="Label4" runat="server" Font-Bold="False" Font-Names="Garamond" ForeColor="Black" Style="z-index: 100; left: 42px; position: absolute; top: 142px; width: 63px;" Text="Language:"></asp:Label>
            <asp:Label ID="Label3" runat="server" Font-Bold="False" Font-Names="Garamond" ForeColor="Black" Style="z-index: 100; left: 42px; position: absolute; top: 107px; width: 68px;" Text="Branch:"></asp:Label>
            <asp:DropDownList ID="ddlLanguage" runat="server" Style="z-index: 102; left: 120px; position: absolute; top: 137px; height: 22px; width: 206px;" TabIndex="4">
            </asp:DropDownList>
            <asp:DropDownList ID="ddlBranch" runat="server" Style="z-index: 102; left: 119px; position: absolute; top: 106px; height: 22px; width: 206px;" TabIndex="3">
            </asp:DropDownList>
            <asp:Button ID="btncancel" runat="server" Height="24px" Style="z-index: 107; left: 291px; position: absolute; top: 187px; width: 80px; height: 22px;" TabIndex="6" Text="Cancel" />
            <asp:TextBox ID="txtUserID" runat="server" Style="z-index: 100; left: 119px; position: absolute; top: 43px" TabIndex="1" Width="201px"></asp:TextBox>
            <asp:TextBox ID="txtPassword" runat="server" Style="z-index: 100; left: 119px; position: absolute; top: 73px" TabIndex="2" Width="201px">*********</asp:TextBox>
            <asp:Label ID="lblError" runat="server" ForeColor="Red" Style="z-index: 103; left: 16px; position: absolute; top: 10px" Width="284px"></asp:Label>
            <asp:Button ID="btnLogin" runat="server" Style="z-index: 104; left: 202px; position: absolute; top: 186px; height: 26px; width: 80px;" TabIndex="5" Text="Login" />
            <asp:Label ID="Label2" runat="server" Font-Bold="False" Font-Names="Garamond" ForeColor="Black" Style="z-index: 105; left: 42px; position: absolute; top: 72px; width: 62px;">Password:</asp:Label>
            <asp:Label ID="Label1" runat="server" Font-Bold="False" Font-Names="Garamond" ForeColor="Black" Style="z-index: 106; left: 42px; position: absolute; top: 45px">User ID:</asp:Label>
 </asp:Panel>
 </form>
</body>
</html>

0 个答案:

没有答案