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服务器上

回答

相关问题