背景颜色和背景图像不能一起工作

Question

我正在制作一个程序，有两种不同的背景设置方法：<input type=file>和<input type=button>。该按钮将背景更改为黑色，文件将其更改为所选的任何文件。

我的问题是，当我尝试来回时，它会卡在一个上面。

例如：

1. 我点击按钮，变为黑色
2. 我单击文件，更改为图像
3. 我点击按钮，保持图像

关于为什么会发生这种情况的任何想法？

CODE：

$('body').css('background-color','#000'); // for button
$('body').css('background-image','url(\''+imageSrc+'\')'); // for image (imageSrc is the image location)

Answer 1

CSS在background-image之前使用background-color。如果您想单击按钮并仅显示黑色背景，则必须重置background-image属性，如下所示：

$('body').css({
  backgroundImage: "",
  backgroundColor: "#000"
});

DEMO