Question

这个问题让我绝对疯狂，我真的很感激任何帮助！由于某些奇怪的原因，Chrome有时不会在我最近开发的网站上显示背景图片。我认为这与Chrome缓存问题有关，我尝试在此网站上的其他帖子中进行所有修复。该网站适用于Mac上的Safari和Firefox ...

http://inkandpapermovie.com/

当点击Watch，About，Filmmakers，Press，Contact的每个按钮时，我正在使用jquery来淡化每个div并淡出所有其他div。每页的背景图像都在我的css文件中定义。每个div都有自己的background-image：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);
}

和javascript来定义fadein和fadeout按钮。

$(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中，它的工作正常。另一个奇怪的事情是div的元素正确加载 - 例如带有标签的png文件的链接按钮......所以我知道div正在淡入而不是背景！

非常感谢！

Answer 1

更新到最新版本的Chrome！我在Chrome 18.0.1025.162上，我不再遇到丢失的图像问题。（假设您允许Chrome自动更新，您可能已经知道此版本的最新版本）。

CSS背景图片在Google Chrome中间歇性地显示

1 个答案: