Master Page CSS使用Master Page覆盖Web Form CSS

时间:2014-11-06 15:58:35

标签: css asp.net

更新

我的语法不正确〜/ Styles / Default.css需要是/Styles/Default.css

我有一个链接到主人的CSS页面。

现在我创建了使用母版页

的Default.aspx页面

在Default.aspx中

<asp:Content ID="ContentHead" ContentPlaceHolderID="head" runat="server">
    <link rel="stylesheet" runat="server" href="~/Styles/Default.css" type="text/css"/>
</asp:Content>

<asp:Content ID="ContentBanner" ContentPlaceHolderID="banner" runat="server">
    <div id="banner">
        <img src="/Images/Banners/banner.gif" />
    </div>
</asp:Content>

Default.css

#banner
{
    background-color:#FDFD82;
}

在VS中,我正确地看到了该div的背景颜色,但是当我在IE中加载它时它没有显示。 如果我将样式编码到div部分而不是CSS它可以工作。

我在这里错过了什么?

1 个答案:

答案 0 :(得分:0)

visual studio重新加载样式表,但浏览器没有,它会缓存一次并使用它,除非你重新加载它。

所以,要么在浏览器中按 Ctrl + R 进行刷新并重新加载所有资源,要么使用一种技巧让浏览器重新加载样式每次都表:

<link rel="stylesheet" runat="server" href="~/Styles/Default.css?<%=DateTime.Now %>" type="text/css"/>

查看链接,我在查询字符串中附加了当前时间。时间总是在变化,它会使浏览器认为它是一张不同的表,并且每次都重新加载它。