Google ChromeでCSSの背景画像が断続的に表示される

Question

この問題は私を絶対に嫌がらせにしています。いくつかの奇妙な理由から、Chromeは最近開発したサイトに背景画像を表示しないことがあります。私はそれがChromeのキャッシュ問題と関係があり、私はこのサイトの他の投稿のすべての修正を試みたと思います。腕時計のための各ボタンをクリックするとサイトが映画制作者、プレス、連絡先、私はそれぞれのdivをフェードインにjqueryのを使用して、すべてのフェードアウトよ、について、

http://inkandpapermovie.com/

... Mac上のSafariとFirefoxで正常に動作します他の部門各ページの背景イメージは、私のCSSファイルで定義されています。各divには独自の背景画像があります：url定義されたプロパティーと、すべてのプロパティーが定義されています。

#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); 
} 

とfadeinとfadeoutボタンを定義するjavascript。

$(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では、正常に動作します。もう1つの奇妙なことはdivの要素が適切に読み込まれていることです。例えば、タグ付きのpngファイルのリンクボタンなどです。divが退色している​​のは知っていますが、バックグラウンドではありません。

ありがとうございます！

Answer 1

最新のChromeにアップデート！私はChrome 18.0.1025.162を使用していますが、もはや欠落している画像の問題は発生していません。 （あなたがChromeに自動更新を許可したと仮定すると、あなたは既にこのバージョンに更新されているはずです）。