asp：TabContainer在部署后没有设置样式，然后只修复自己？

Question

我在表单上有一个asp：TabContainer，在将应用程序重新部署到服务器之后，选项卡没有样式化。如果我使用Webresource.axd URL并尝试在浏览器中加载它，我会重定向到登录页面，所以它似乎是一个身份验证问题，但是应用程序的其余部分已经登录很久才到达带有标签控件的页面。

重新启动Web服务器甚至重启都不会影响它。

然后，最终样式开始工作，并且直到另一个部署通常表现出相同的行为时才停止工作。

是否存在某种缓存或权限问题？

以下是来自web.config的身份验证：

<authentication mode="Forms">
    <forms name=".ASPXAUTH" protection="All" timeout="2400" loginUrl="Default.htm"/>
</authentication>

Answer 1

问题是保护级别（ALL）。使CSS文件可用于非受保护页面。

<location path="cssname.css">
    <system.web>
      <authorization>
         <allow users="*"/>
       </authorization>
     </system.web>
</location>

详细了解Setting authorization rules for a particular page or folder in web.config

Answer 2

如果你更改了tab容器的cssclass，它将如下所示..如果你想完全改变tabcontainer的外观你必须包含tab容器的整个css

.tab
{
    margin:5px 0px 5px 0px;    
}

.tab .ajax__tab_header
{
    font-family: arial,helvetica,clean,sans-serif;
    font-size: small;
    border-bottom: solid 5px #00B3B2;
    padding-left: 50px;
}
.tab .ajax__tab_header .ajax__tab_outer
{
    background: url(../Images/sprite.png) #d8d8d8 repeat-x;
    margin: 0px 0.16em 0px 0px;
    padding: 1px 0px 1px 0px;
    vertical-align: bottom;
    border: solid 1px #a3a3a3;
    border-bottom-width: 0px;
    border-radius: 5px 5px 0px 0px;
}
.tab .ajax__tab_header .ajax__tab_tab
{
    color: #000;
    padding: 0.35em 0.75em;
    margin-right: 0.01em;
}
.tab .ajax__tab_hover .ajax__tab_outer
{
    background: url(../Images/sprite.png) #bfdaff repeat-x left -1300px;
    cursor: pointer;
}
.tab .ajax__tab_active .ajax__tab_tab
{
    color: #fff;
}
.tab .ajax__tab_active .ajax__tab_outer
{
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA41KpTYroIAAACASURBVCjP7ZE7DsJADESfJiL37znNXoJLUNARa7Ni6Bw5AtFEqXAx8vj/wfZNwBBAakPAWukQEJUu1RGVLt9su4yo9eJ3t0FrDWyTg58HezlujFPE9lXAQ8BdQM93R9LtM2ve/vnB22tcF/DaTpItJwHKVWcBk4BLwlw1/nAUvAGm30u0udPq+QAAAABJRU5ErkJggg==") #00B3B2 repeat-x left -100px;
}
.tab .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 0.25em 0.5em;
    border: solid 1px #00B3B2;
    border-bottom:0px;
    border-right:0px;
    border-top-width: 0px;
}

现在只包含选项卡容器的cssclass