CSS在本地工作，但不在Dev服務器上

我有一個顯示票務系統票號的頁面。當頁面加載時，它會生成一個票號並在一個標籤中顯示這個號碼。它還根據生成的票據動態地將cssclass添加到標籤。這在本地很好地工作，但是當我將它上載到dev服務器時，cssclass不顯示。在同一個aspx頁面上還有一個項目在前端添加了一個cssclass，並且顯示正常。我從開發服務器的頁面查看了yiew源代碼，看起來這個類在後端得到了很好的補充。CSS在本地工作，但不在Dev服務器上

下面是ASPX：

<table width="300"> 
    <tr> 
     <td class="ItemTxt">Customer Track Number</td> 
    </tr> 
    <tr> 
     <td align="left"> 
      <p>The customer track number is: </p> 
      <p style="text-align:center"><asp:Label ID="lblTrackNum" runat="server" Text="Label" CssClass="greenTicketColor"></asp:Label></p> 
      <p>Click OK to continue and return to the Lobby Dash.</p> 

      <p><asp:Button ID="btnOK" runat="server" Text="OK" onclick="btnOK_Click" /></p> 
     </td> 
    </tr> 
</table> 
enter code here

這裏是代碼隱藏

private void DisplayTicketNumber(string sTicketNumber) 
    { 
     string sTrackColor = sTicketNumber.Substring(0, 1); 
     switch (sTrackColor) 
     { 
      case "G": 
       lblTrackNum.CssClass = "greenTicketColor"; 
       break; 
      case "R": 
       lblTrackNum.CssClass = "redTicketColor"; 
       break; 
      case "B": 
       lblTrackNum.CssClass = "blueTicketColor"; 
       break; 
      case "M": 
       lblTrackNum.CssClass = "maoTicketColor"; 
       break; 
      case "V": 
       lblTrackNum.CssClass = "vandeTicketColor"; 
       break; 
      case "A": 
       lblTrackNum.CssClass = "afipTicketColor"; 
       break; 
      case "E": 
       lblTrackNum.CssClass = "ebtTicketColor"; 
       break; 
      case "Q": 
       lblTrackNum.CssClass = "qaTicketColor"; 
       break; 
      case "F": 
       lblTrackNum.CssClass = "fhTicketColor"; 
       break; 
      default: 
       break; 
     } 
     lblTrackNum.Text = sTicketNumber; 
    }

這裏是CSS

.greenTicketColor 
{ 
    color: #007F00; 
    font-size: 50px; 
    font-weight: bold; 
} 
.redTicketColor 
{ 
    color: #DF0000; 
    font-size: 50px; 
    font-weight: bold; 
} 

.blueTicketColor 
{ 
    color: #0065CB; 
    font-size: 50px; 
    font-weight: bold; 
} 

.maoTicketColor 
{ 
    color: #959595; 
    font-size: 50px; 
    font-weight: bold; 
} 

.vandeTicketColor 
{ 
    color: #7f007f; 
    font-size: 50px; 
    font-weight: bold; 
} 

.afipTicketColor 
{ 
    color: #00cbfd; 
    font-size: 50px; 
    font-weight: bold; 
} 

.ebtTicketColor 
{ 
    color: #fd98cb; 
    font-size: 50px; 
    font-weight: bold; 
} 

.qaTicketColor 
{ 
    color: #cbfdcb; 
    font-size: 50px; 
    font-weight: bold; 
} 

.fhTicketColor 
{ 
    color: #fdfd00; 
    font-size: 50px; 
    font-weight: bold; 
}

這裏是從服務器顯示的頁面查看源代碼。注意它顯示正確添加的類。

<table width="300"> 
<tr> 
    <td class="ItemTxt">Customer Track Number</td> 
</tr> 
<tr> 
    <td align="left"> 
     <p>The customer track number is: </p> 
     <p style="text-align:center"><span id="MainContent_lblTrackNum" class="blueTicketColor">B6</span></p> 
     <p>Click OK to continue and return to the Lobby Dash.</p> 

     <p><input type="submit" name="ctl00$MainContent$btnOK" value="OK" id="MainContent_btnOK" /></p> 
    </td> 
</tr>

感謝您的答覆。我知道最簡單的是對css文件的引用。如果你看看這條線的樣式顯示正確：

<td class="ItemTxt">Customer Track Number</td>

上面的代碼行是在aspx頁面上。不會顯示代碼隱藏中添加的樣式。這是我的頭腦內容。這是來自主頁面。不知道是否重要..

<head runat="server"> 
<title>FAST Tracker</title> 
<link href="~/Styles/FastTrackStyles.css" rel="stylesheet" type="text/css" /> 
<asp:ContentPlaceHolder ID="HeadContent" runat="server"> 
</asp:ContentPlaceHolder> 
</head>

來源

2011-09-16 EFX

你可以添加代碼引用你的css文件嗎？最簡單的答案是，你的CSS文件不包括在內。 – danyloid

如果你使用螢火蟲/蜻蜓或類似的東西，你也可以檢查你的css文件是否被瀏覽器請求 – danyloid

請包括你的html代碼，即引用你的CSS文件的代碼。問題可能是由於未包含在發佈中的文件引起的，或者很可能是路徑不正確。 –

您確定您已將CSS文件上傳到服務器並正確引用它。如果您使用FireBug或在開發服務器上運行時查看HTML頁面的源代碼，您可以通過單擊標記中的URL導航到css文件。

來源

2011-09-16 00:17:31 Daveo

是的，我肯定我上傳了css文件。如果您查看錶格的第一個，則會顯示正確顯示的cssclass =「ItemTxt」。該表中2 cssclass的唯一區別是其中一個應用於aspx頁面，另一個（不工作）應用於頁面後面的C＃代碼中。我沒有使用FireBug，但我可以導航到Dev服務器上的css文件。 – EFX

任何地方都不會緩存緩存嗎？ Memcached的？ – Rexford

Localhost通常不區分大小寫，但服務器是ARE。檢查你的路徑（區分大小寫）...

來源

2011-09-16 01:42:14 BBee

我tripple檢查所有路徑。對CSS的引用位於母版頁中，並且除了這一個實例之外，CSS都在工作。唯一的區別是這個實例是css被添加到代碼隱藏中。 – EFX

我有一個類似的問題，我的決議是確保虛擬目錄權限設置正確，否則CSS和圖像不會顯示。

您通常可以右鍵單擊IIS中的其他Web應用程序以查看您的Web應用程序的引用權限。

來源

2017-06-08 17:45:00 Kevin

CSS在本地工作，但不在Dev服務器上

回答

相關問題