2012-04-09 93 views
0

我使用Asp.Net/C#。目前,我的工作在登錄頁面上,我login page是不依賴於Master Page,因此鏈接到Stylesheet我的頭段已設置CSS樣式表不顯示效果

<link rel="stylesheet" href="Styles/Login.css" type="text/css"/> 

的問題是,樣式沒有在我的登錄控件任何efeect page.Here是我的CSS文件

body 
{ 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size:75%; 
} 
#loginbox 
{ 
    position:fixed; 
    background-color:#9cc3f7; 
    border:2px solid #ddd; 
    height:200px; 
    width:300px; 
    top:50%; 
    margin-left: -130px; 
    margin-top: -100px; 
    left:50%; 
} 

這裏是登錄頁面

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HomeLogin.aspx.cs" Inherits="CwizBankApp.HomeLogin" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 

    <title>Comwizard Systems | Login</title> 
    <link rel="stylesheet" href="Styles/Login.css" type="text/css"/> 

</head> 
<body> 
    <form id="form1" runat="server"> 

    <div id="loginbox"> 
    <span>UserName:</span><asp:TextBox ID="txtUserName" runat="server"></asp:TextBox> <br /> 
    <span style="margin-left:6px;">Password:</span><asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox><br /> 
    <asp:Button ID="cmdLogin" runat="server" Text="Login" onclick="cmdLogin_Click" /> 

    </div> 
    </form> 
</body> 
</html> 

任何人可以幫助我。 任何建議都高度讚賞。 感謝

最後這個問題已經解決了 在web.config中添加此解決它

<location path="~/Styles"> 
    <system.web> 
     <authorization> 
      <allow users="*" /> 
     </authorization> 
    </system.web> 
</location> 
+0

1.檢查CSS文件是否是負載因爲HREF =「樣式/ Login.css」表示該文件的相對路徑。 2。使用調試工具來檢查你的dom頁面上是否有登錄框div – 2012-04-09 06:20:30

+0

哪個瀏覽器?我試圖從你的代碼中創建一個示例,它適用於我。你跑了什麼問題,如顏色不顯示,位置不正確等...請詳細說明。 – AYK 2012-04-09 06:21:29

+0

@AYK ....同意你...代碼對我也有效,可能是問題是由於CHRIS LEE提到的問題... – Usman 2012-04-09 06:23:46

回答

2

試試這個

<location path="~/stylesheets"> 
     <system.web> 
      <authorization> 
       <allow users="*" /> 
      </authorization> 
     </system.web> 
    </location> 

請更新您的樣式表路徑的路徑....請參閱本文

http://forums.asp.net/t/1678658.aspx/1

+0

我的問題似乎是窗體身份驗證,當我將其更改爲Windows身份驗證,它可以正常工作,您可能能夠提供任何解決方法。感謝 – freebird 2012-04-09 06:52:51

+0

非常感謝它幫助,我最後一個問題是使用.js文件時,我會不得不再次重複它,我可以創建一個單獨的web.config文件,並將其放在適當的folders.Thanks你的幫助 – freebird 2012-04-09 07:38:12

+0

我很抱歉,我不能讓你..請稍微解釋我.. – Usman 2012-04-09 07:57:56

0

快速的問題,你可以請檢查CSS文件實際上是否解決?

如果你正在使用chorme,您可以使用開發工具和使用網絡部分,看到所有經過的請求。

如果您使用的是Firefox,使用Firebug的相同。

感謝

+0

我在chrome中使用它,它向Login.css的請求顯示「接收」。 – freebird 2012-04-09 06:37:04

0

查看源代碼(通常按CTRL + ü如果使用Chrome/Firefox瀏覽器),並找到它說:href="Styles/Login.css",你應該能夠點擊,作爲一個鏈接到你的樣式表。你應該確保你確實首先正確地鏈接到它,它是否正確加載?

0

嘗試

href="@Url.Content("~/Styles/Login.css")" 

,而不是

href="Styles/Login.css" 

如果您正在使用Visual Studio,智能感知(自動完成)會支持你找到確切的位置。在打開Url.Content()方法的括號後,只需按Ctrl + Space即可。

0

我檢查你的樣本,並在所有沒有問題。控制「登錄框」確實獲得CSS樣式。請檢查你的css文件是否在正確的位置。

href="Styles/Login.css" 
+0

它是在正確的文件夾樣式,但不知道什麼可能導致問題 – freebird 2012-04-09 06:35:21

+0

設置頁面的背景顏色,並驗證您是否正在獲取更改。 – 2012-04-09 06:37:19