頁面刷新導致css被忽略

我的頁面加載正常，只要你點擊刷新按鈕，所有的樣式消失。頁面刷新導致css被忽略

它似乎是特定於鉻。如果我看看網絡選項卡，我看到我的CSS文件返回304未修改，但類型已更改爲文本/ HTML。在初始加載它是文本/ CSS。

如果我關閉緩存一切工作正常。

我在here上看到一個類似的問題，但它之前工作，我沒有更改服務器。

我似乎已經縮小到一個CSS文件的問題。特別添加背景圖片。

body {background:#b4dfff url(/images/backgrounds/background.jpg) no-repeat fixed top; 
text-align:left; 
font-family: Helvetica, Arial, sans-serif; 
color: #585858; 
font-size: 12px;  
}

如果我刪除背景，問題發生頻率顯着降低。我試圖將其更改爲

background-color:#b4dfff; 
Background-image:url(/images/backgrounds/background.jpg) no-repeat fixed top;

沒有工作

來源

2013-04-02 Leo

請發表您的HTML/CSS如果可能的話鏈接到您的網頁或一個的jsfiddle例子。 –

[www.kidobi.com]（http://www.kidobi.com）是現場。我正在使用asp.net。另一個線索是它在谷歌瀏覽器版本25上正常工作。它僅在新版本26上失敗。 – Leo

另一個說明它在我調試時在本地工作正常 – Leo

事實證明，這與處理304響應的chrome有關。

Chrome詢問內容並收到一條304響應，表示它未被修改。

當IIS返回304響應時，它具有內容類型。 Chrome不會忽略內容類型，並且會看到內容類型已更改，因爲IIS僅返回默認類型chrome認爲該文件不再是樣式表並且不會加載它。

所以爲了解決這個問題，我們每次都重新加載樣式表。我還沒有想出一個簡單的方法來修改304響應，以便它不包含內容類型。

下面是谷歌問題 https://code.google.com/p/chromium/issues/detail?id=246875

來源

2013-07-31 16:18:49 Leo

完全相同的問題就是這裏所說的：http://productforums.google.com/forum/#!topic/chrome/zID6uQQfKH8 這似乎是一個臨時的解決方案可能是

關閉的ETag和設置HTTP頭中沒有緩存。

來源

2013-04-25 13:43:49 Alain1405

頁面刷新導致css被忽略

回答

相關問題