这个问题让我非常疯狂，我非常感谢任何帮助！由于某些奇怪的原因，Chrome 有时不会在我最近开发的网站上显示背景图片。我认为这与 Chrome 缓存问题有关，我已尝试在此站点的其他帖子中进行所有修复。该网站可以在 Mac 上的 Safari 和 Firefox 上正常运行...
当单击 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 来定义淡入和淡出按钮。
$(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 正在淡入，但不是背景！
非常感谢！