Google Chrome中的JQuery无法找到背景图片

Question

我有一个按钮,我想更改背景,以显示当用户点击它时它被禁用.它在IE/FF中运行良好但在Chrome中似乎无法找到背景图像并使背景无效.

我只是在jQuery 1.2.6中做一个简单的css设置

$(".CheckoutBt").css("background-image", "url(/Portals/_default/images/buttons/checkout-end-disabled.gif)");

Answer 1

好的,我已设法找到问题所在.正如tvanfosson所说,这是因为WebKit没有下载图像.为了解决这个问题,我只需在未打开的类中加载两个图像

<style>
.unclicked {
 background-image: url('/Portals/_default/images/buttons/checkout-end-disabled.gif');
 background-image: url('/Portals/_default/images/buttons/checkout-end.gif');
}
.clicked {
   background-image: url('/Portals/_default/images/buttons/checkout-end-disabled.gif');
}
</style>