웹 사이트 깜박 - FFX & IE

Question

여기

당신은 내가 현재 일하고 있어요 웹 사이트를 테스트 할 수 있습니다 : 당신이 웹 사이트 섹션 물마루 이동하면 http://www.whateverxpress.com/wx_site/

당신이 불쾌한 플리커를 얻을 수 있습니다를 파이어 폭스와 IE에서 크롬에 더 이상이 이슈가 없지만 swf 오브젝트 배경을 불투명에서 투명으로 바꿀 때까지 사용했다. 그래서 그것은 swf 객체 버그 일 수 있다고 생각했지만, 나는 모든 js 코딩과 플래시 애니메이션을 제거하고 같은 우위를 시도했다. 그래서 html & css 혼자서도 ff (10.0.2) - 야간 13.0a1 - IE 9 (IE 8에서는 깜박임이 표시되지 않음)에서이 문제가 발생합니다.

캐시는이 같은 htaccess로에 구성됩니다

ExpiresActive On 
ExpiresByType image/png "access plus 5 hour" 
ExpiresByType image/jpg "access plus 5 hour" 
ExpiresByType text/css "access plus 5 hour" 
ExpiresByType text/html "access plus 5 hour" 
ExpiresByType application/x-shockwave-flash "access plus 5 hour" 
ExpiresByType application/javascript "access plus 5 hour" 

FileETag none 

확실하지 차이를 만들 것 년 동안 캐시를 말하는 경우에, 나는 5 시간 범위에서 테스트 이후 ...

나는 배경 그림로드하기 위해 CSS 코드를 가지고 :

#wrapper { 
width:816px; 
height:921px; 
margin:auto; 
background:url(img/wx_base_optimized5.jpg) no-repeat;} 

당신이 볼 수 있듯이을 큰 이미지하지만 난이 심한 문제를 일으킬 것이라고 생각하지 않았다.

저는 지난 5 일 동안 많은 사이트에서 읽고 있었으므로이 문제를 해결하는 데 아무 것도 발견하지 못했습니다. 그래서 여러분은 저의 마지막 희망입니다. 나는이 책을 많이 읽으면서 진심으로 감사 할 것입니다. 당신이 나를 도울 수 있기를 바랍니다.

P.S : 한 번 15 회 시도하면 야간에 올바르게 표시되지만 이유는 확실하지 않습니다.

업데이트 : 깜박임이 수정되었습니다. 나는 주된 배경 jpg를 삭제했다. 그리고 놀랍게도 깜박임은 아직도 존재했다. 그래서 나는 그것을 일으키는 다른 무엇 인 것이라고 상상했다. 내 CSS 규칙의 일부를 사용 중지하면 ".stripped_box"(450 * 450 주변)에있는 다른 그림이 내 사이트를 깜박임 (적어도 해당 규칙을 사용하는 섹션)으로 만들고 있으므로 CSS의 배경과 문제의 일부가 해결되었습니다 (이유는 모르겠지만). 하지만 주된 이유는 .swf 객체 임베딩 코드 때문이었습니다. (전에 그것을 시도했지만, .stripped_box는 나에게 깜박임을 주었기 때문에 나는 그 차이를 발견하지 못했다). 어도비 Dreamweaver swf 오브젝트 코드와 전통적인 임베딩 시스템을 사용하여 임베드를 시도했는데 둘 다 크롬과 IE8에서는 작동하지만 FFX에서는 작동하지 않는 것 같습니다. 그래서 swfobject.js를 추가하고 문제가 해결되었습니다. 아약스 제안을 주셔서 감사합니다, 그 방향으로 가려고했지만 마지막으로 한 번 확인하고 싶습니다. 이 질문이 같은 문제를 가진 누군가에게 도움이되기를 바랍니다. 추신 :이 문제는 여전히 IE 9에 있지만 IE 8에서는 정상적으로 작동하므로이 버전의 Msie에 대해서 내 사이트를 아약스로 변환 할 가치가 없다고 생각합니다. # 2 : swfObject는 파이어 폭스에서 이슈를 수정했다. 크롬에 깜빡 거리는 것을 볼 수 있었지만 항상 그래 왔던 것은 아니었다. 그래서이 문제를 해결하기 위해 ff를 사용하고 있다면 사용자 브라우저를 감지하고 swf 오브젝트 스크립트를 제공한다. 아무것도하지 않고 모든 것이 완벽합니다. 나는 ff에 더 이상 깜박 거리지 않아도 페이지를 전환 할 때 어떤 종류의 지연이 있음을 인정해야 할 것이다. 그러나 그것이 내가 할 수있는 최선이었고, 나는 이것이 누군가에게 도움이 되었으면 좋겠다. 사촌 나는이 문제를 톤수에서 보았다. 플래시 애니메이션을 사용하는 사이트의

Answer 1

FF, Chrome 및 Safari로 Mac을 사용해 보았습니다. Firefox는 거의 항상 뒤떨어져 있습니다. Chrome과 Safari의 지연 시간은 거의 없지만 때때로 발생합니다.

나는 백그라운드에서 너무 큰 패턴을 가진 Firefox에도 문제가있었습니다.더 작은 패턴으로 전환하면 문제가 해결되지만 배경을 유지하려면 웹 사이트의 옵션으로 생각하지 않습니다. 측면에 도형이 없어도 살 수 있다면 더 작은 이미지를 사용하고 수직으로 반복 할 수 있습니다. 웹 사이트도 이와 같이 유연한 높이를 얻습니다.

두 번째 아이디어 : AJAX을 사용하십시오. 새로운 콘텐츠를 표시하기 위해 사이트를 다시로드하지 말고 콘텐츠를로드하고 표시하십시오. AJAX를 사용하면 전혀 깜박 거리지 않아야합니다.

Answer 2

이 문제를 해결하는 가장 좋은 방법은 AJAX입니다. 전체 페이지 대신 업데이트 된 내용을 귀하의 사이트 안에 넣으십시오.