2012-02-08 55 views
-1

我試圖讓我的網頁在IE7中看起來更好。這是非常令人沮喪的。在IE7中刷新之前渲染不良?

我發現的其中一個問題如下圖所示。當跟隨一個頁面的鏈接時,渲染有時會以奇怪的方式破壞 - 在下面,它看起來像邊緣關閉,並且顏色缺失。但是,如果刷新頁面,則會清除此問題。如果刷新頁面很多次,它不會再次中斷 - 在單擊鏈接或在地址欄中輸入URL後,頁面的第一個視圖上的渲染效果不佳。

你知道爲什麼這可能嗎?我使用css3pie做背景漸變和圓形邊框,所以問題可能來自這裏。或者,這是一個我不知道的IE錯誤?

我的網站在IE8中渲染OK,它也必須使用css3pie做漸變+邊框。

編輯: 如果您縮放頁面,此渲染問題修復。我讀過的一些東西似乎表明這是IE6/IE7中某些渲染的已知問題,但我無法弄清楚如何解決這個問題。

Appearance before refreshing Appearance after refreshing

+0

你確定所有的資源(即圖像,CSS文件,JavaScript)被正確地在第一個頁面加載裝? – cdeszaq 2012-02-08 15:31:36

+0

@cdeszq很難確定,但頁面在所有其他瀏覽器中正確加載,所以我假設如此。我該如何檢查? – Oliver 2012-02-08 16:15:52

+0

是否總是在第一次加載頁面或進行調整之後? – PAULDAWG 2012-02-08 16:32:56

回答

0

我通過寫作解決了這個問題:

<!--[if lte IE 7]> 
<style type="text/css"> 
div { 
    position:relative; 
} 
</style> 
<![endif]--> 

在頁面的頂部。我無法弄清楚爲什麼會出現這個問題 - 我認爲IE7的渲染引擎中存在一個錯誤,這意味着css3pie生成的css3元素沒有給出正確的邊距。另一種解決方案是使用padding而不是margin

我無法弄清楚爲什麼刷新後問題會自行修復。

+0

我不知道是否'position:static'會修復它,因爲是默認值。很高興你找到了解決辦法! – PAULDAWG 2012-02-09 17:40:41

0

關閉HTC文件緩存在Apache中

LocationMatch ".*\.htc" 
Header Set Cache-Control "no-cache" 
/LocationMatch