Question

我有一个页面显示售票系统中的票号。当页面加载时，它会生成一个票号并在标签中显示该号码。它还根据生成的票证动态地将cssclass添加到标签。这在本地工作正常，但当我上传到开发服务器时，cssclass不显示。在同一个aspx页面上还有另一个项目，它在前端添加了一个cssclass并且显示正常。我从开发服务器的页面查看了yiew源代码，看起来类在后端添加得很好。

这是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>

Answer 1

您确定已将CSS文件上传到服务器并正确引用它。如果您使用FireBug或查看HTML页面的源，当它在Dev服务器上运行时，您可以通过单击标记中的URL导航到css文件

Answer 2

Localhost通常不区分大小写，但服务器是ARE。检查你的路径（区分大小写）......

Answer 3

我遇到了类似的问题，我的解决方案是确保虚拟目录权限设置正确，否则CSS和图像不会显示。

您通常可以右键单击IIS中的其他Web应用程序，以查看Web应用程序的引用权限。

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

3 个答案: