CSS文件被引用兩次

Question

我有一個使用主題，iframe和母版頁的asp.net web應用程序。我使用IE Web開發人員和FF Firebug分析了這些頁面，並注意到每個頁面都引用了兩次相同的css文件。我不知道這是因爲母版頁模型還是因爲iframe。任何人有任何想法如何引用只有一次的CSS？

Answer 1

你是從內容頁面引用這個CSS文件嗎？如果是這樣，這將導致CSS被引用兩次。您不需要從內容頁面引用CSS，只需引用Master頁面。

Answer 2

一個iframe是一個獨特的渲染上下文，所以你真的無法合理解決它需要加載它的CSS。如果它使用與嵌入頁面相同的樣式表，那麼是的，該樣式表將被引用兩次。

Answer 3

我猜你的答案是停止使用IFRAME。如果您需要使用可重用的內容塊，則可以嵌套母版頁。人們使用IFRAME的一個原因是當他們提供來自遠程站點的內容時，但是因爲你說它調用的是同一個CSS文件，情況並非如此。

有關IFRAME正在做什麼的更多信息將會有所幫助。

Answer 4

如果您在配置中設置了頁面主題，則App_Themes/YourTheme文件夾中的所有.css文件將被自動引用。

<system.web> 
    <pages theme="ThemeName"> 
     <controls> 
     </controls> 
    </pages> 
<system.web> 

因此，您不需要添加任何對CSS文件的引用。

雖然有一個問題，CSS文件會按字母順序引用（據我所知，沒有辦法改變它），所以如果你想要一個.css文件覆蓋另一個，你需要小心與文件名。

Answer 5

我有同樣的問題，我發現這是什麼在我的情況 -
當添加到Web.config：
<pages styleSheetTheme="Default" theme="Default"></pages>

.css文件將被渲染到源兩次，因爲只是增加：
<pages theme="Default"></pages>
然後它只會被渲染一次。