2012-02-08 2 views
-1

IE7에서 내 웹 페이지가 더 멋지게 보이도록하려고합니다. 그것은 매우 좌절하고 있습니다.IE7에서 새로 고침하기 전에 렌더링이 잘못 되었습니까?

내가 발견 한 문제 중 하나가 아래에 그려져 있습니다. 페이지 링크를 따라 가면 때때로 이상한 방식으로 렌더링이 중단됩니다. 아래에서는 여백이 꺼져 있고 색상이 누락 된 것처럼 보입니다. 그러나 페이지를 새로 고치면이 문제가 해결됩니다. 페이지를 많이 새로 고침하고 많은 시간을 새로 고치면 다시 끊어지지 않습니다. 링크를 클릭하거나 주소 표시 줄에 URL을 입력 한 후 페이지의 첫 번째보기에서만 렌더링이 잘못됩니다.

이유에 대해 아십니까? 백그라운드 그라디언트와 둥근 테두리를 만들기 위해 css3pie를 사용하고 있으므로 여기에서 문제가 발생할 수 있습니다. 또는 이것에 대해 잘 모르는 IE 버그입니까?

내 사이트는 IE8에서 그라디언트 + 테두리를 만들기 위해 css3pie를 사용해야합니다.

편집 : 페이지를 확대하면이 렌더링 문제가 해결됩니다. 내가 읽은 일부 내용은 IE6/IE7의 일부 렌더링에서 알려진 문제임을 나타내는 것 같지만 해결 방법을 찾을 수 없습니다. Appearance after refreshing

+0

모든 자원의 확신 (예. 이미지, CSS 파일, 자바 스크립트가) 첫 번째 페이지로드에 제대로 장착되고있다? – cdeszaq

+0

@cdeszq 확실치는 않지만 페이지가 다른 모든 브라우저에서 올바르게로드되고 있으므로 그렇게 가정합니다. 어떻게 확인할 수 있습니까? – Oliver

+0

페이지가 처음으로로드 될 때 또는 조정 한 후에 항상 해당 페이지가 표시됩니까? – PAULDAWG

답변

0

Appearance before refreshing

내가 작성하여이 문제를 해결 :

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

을 페이지 상단에. 이 문제가 발생하는 이유는 무엇인지 잘 모르겠습니다. IE7 용 렌더링 엔진에 css3pie에서 생성 된 css3 요소에 올바른 마진이 제공되지 않는다는 버그가 있다고 생각합니다. 다른 해결책은 margin 대신 padding을 사용하는 것입니다.

새로 고침 후 문제가 자체적으로 해결되는 이유는 무엇인지 알 수 없습니다.

+0

'position : static'이 그 이후로 그것을 고칠 지 궁금합니다. 기본값입니다. 다행히 이것에 대한 해결책을 찾았습니다! – PAULDAWG

0

아파치에서 HTC 파일 캐싱의 전원을 끄고

LocationMatch ".*\.htc" 
Header Set Cache-Control "no-cache" 
/LocationMatch 
관련 문제