3
이 문제는 저를 절대적으로 괴롭 히고 있으며 정말 도움이되었습니다. 이상한 이유로 크롬은 내가 최근에 개발 한 사이트에 배경 이미지를 표시하지 않는 경우가 있습니다. Chrome 캐시 문제와 관련이 있으며이 사이트의 다른 게시물에있는 모든 수정 사항을 시도했습니다. 영화 제작자, 프레스, 연락, 정보, 시계의 각 버튼을 클릭 나는 각 사업부를 fadein에 jQuery를 사용하여 모든 페이드 아웃있을 때이 사이트는 ... Mac의 사파리와 파이어 폭스와 잘 작동Google 크롬에 CSS 배경 이미지가 간헐적으로 표시됨
다른 사업부. 각 페이지의 배경 이미지는 내 CSS 파일에 정의되어 있습니다. 각 div는 자신 만의 background-image를 가지고 있습니다 : url은 정의 된 속성과 all에 정의 된 속성을가집니다.
#watch, #story, #about, #cast, #filmmakers, #press, #contact {
position:absolute;
top:190px;
left:50%;
margin-left:-575px;
width:955px;
height:608px;
display:none;
}
#watch{
background-image:url(../images/bg-watch.png);
}
#about{
background-image:url(../images/bg-about.png);
}
#filmmakers{
background-image:url(../images/bg-filmmakers.png);
}
#press{
background-image:url(../images/bg-press.png);
}
#contact{
background-image:url(../images/bg-contact.png);
}
및 페이드 인 및 페이드 아웃 버튼을 정의하는 자바 스크립트.
$(document).ready(function() {
$("a.watchBtn").click(function() {
$("#about").fadeOut();
$("#filmmakers").fadeOut();
$("#press").fadeOut();
$("#contact").fadeOut();
$("#inkguy").fadeOut();
$("#paperguy").fadeOut();
$("#centertext").fadeOut();
$("#watch").fadeIn();
});
$("a.aboutBtn").click(function() {
$("#watch").fadeOut();
$("#filmmakers").fadeOut();
$("#press").fadeOut();
$("#contact").fadeOut();
$("#inkguy").fadeOut();
$("#paperguy").fadeOut();
$("#centertext").fadeOut();
$("#about").fadeIn();
});
$("a.filmmakersBtn").click(function() {
$("#watch").fadeOut();
$("#about").fadeOut();
$("#press").fadeOut();
$("#contact").fadeOut();
$("#inkguy").fadeOut();
$("#paperguy").fadeOut();
$("#centertext").fadeOut();
$("#filmmakers").fadeIn();
});
$("a.pressBtn").click(function() {
$("#watch").fadeOut();
$("#about").fadeOut();
$("#filmmakers").fadeOut();
$("#contact").fadeOut();
$("#inkguy").fadeOut();
$("#paperguy").fadeOut();
$("#centertext").fadeOut();
$("#press").fadeIn();
});
$("a.contactBtn").click(function() {
$("#watch").fadeOut();
$("#about").fadeOut();
$("#filmmakers").fadeOut();
$("#press").fadeOut();
$("#inkguy").fadeOut();
$("#paperguy").fadeOut();
$("#centertext").fadeOut();
$("#contact").fadeIn();
});
});
누구든지이 문제를 복제 할 수 있다면 알려 주시기 바랍니다. 필요한 것은 페이지를 새로 고침하고 버튼을 클릭하면됩니다. 캐시를 지우고 로컬에서 테스트 한 후에도 사이트에이 문제가 있습니다. Dreamweaver에서는 제대로 작동합니다. 다른 이상한 점은 태그가있는 png 파일 인 링크 버튼과 같이 div로드 요소가 제대로로드된다는 것입니다. 따라서 div가 페이딩되지만 배경은 아닙니다!
고마워요!
불행히도 이것은 여전히 문제이며 무엇이 원인인지 전혀 알지 못합니다. Google 크롬 지원 포럼을 사용해야합니까? http://www.google.com/support/forum/p/Chrome?hl=ko – DillonB
비슷한 문제가 발생합니다. 오직 나를 영향을 미치는 것, 개발자, 다른 사람이 그것을 재현 할 수없는, 내 브라우저에서 뭔가 것으로 보인다. Google 지원 스레드 : [0] (http://www.google.com/support/forum/p/Chrome/thread?tid=77ad25a99d6655cd&hl=ko) [1] (http://www.google.com/support/ forum/p/Chrome/thread? tid = 1bf0c58a303e7612 & hl = ko) [2] (http://www.google.com/support/forum/p/Chrome/thread?tid=0a55134ed7b9c7e6&hl=ko) [3] //www.google.com/support/forum/p/Chrome/thread?tid=77ad25a99d6655cd&hl=ko) [4] (http://www.google.com/support/forum/p/Chrome/thread?tid= 564616e487b723c1 & hl = ko) – spatical
정말 spatical 고맙습니다. 나는 그들이 영향을 받았다고 말한 유일한 사람들이 내가 일정한 수정을 보내고있는 사람들이었다. (내가 배경 이미지를 변경하거나 다른 것들을 바꿀 때, 우리 자신의 브라우저에 영향을 미치는 유일한 이슈라고 생각한다.). Chrome에서 여러 번 개정 된 페이지 캐싱에 문제가 있습니까? 따라서 방문자가 한 번만 사이트로 이동 한 다음 되돌아 가면 상수 페이지 새로 고침이 수행되는 것과 같은 동작을 보이지 않습니다. 시청자가이 사실을 알 수 없다는 것을 안심시켜주세요 * – DillonB