2014-11-06 110 views
1

更新使用母版页

母版页CSS覆盖Web窗体的CSS我有语法不正确〜/风格/ Default.css需要的是/Styles/Default.css

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

现在,我创建了一个使用母版页

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我看到的背景色我Default.aspx页该div正确,但当我在IE中加载它不显示。 如果我将风格编码到div部分,而不是CSS,它的工作原理。

我在这里错过了什么?

+0

有时浏览器缓存CSS文件,所以在IE中使用Ctrl + F5来清除缓存。如果仍然无法正常工作,请查看浏览器的查看源,并查看CSS文件的顺序。风格在FF和Chrome中是否正确应用? – Win 2014-11-06 16:06:38

+1

***我的语法不正确*** - 你解决了这个问题还是你还有问题? – Win 2014-11-06 16:15:34

+0

是的我纠正了 – Tsukasa 2014-11-07 14:39:13

回答

0

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

所以,无论是在浏览器中按按Ctrl + [R刷新它,并让它重新加载所有的资源,或使用一个小技巧,这将使浏览器每次重新装入样式表:

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

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