悬停背景图片已不存在

Question

当我悬停divbackground-image已被background:#444覆盖，任何想法如何显示悬停时的背景图像？

body{ 
 
    background:#ccc; 
 
    } 
 
.mall_vjprofile_changebg{ 
 
\t float:left; 
 
\t color:#fff; 
 
\t font-size:14px; 
 
\t background-image:url(../img/camera.png); 
 
\t background-repeat:no-repeat; 
 
\t background-position:5px 5px; 
 
\t padding:10px; 
 
\t text-indent:30px; 
 
\t margin:5px; 
 
\t cursor:pointer; 
 
\t border:1px solid #fff; 
 
} 
 
.mall_vjprofile_changebg:hover{ 
 
\t background-image:url(../img/camera.png); 
 
\t background-repeat:no-repeat; 
 
\t background-position:5px 5px; 
 
\t border:1px solid #fff; 
 
\t background:#444; \t 
 
\t color:#fff; 
 
\t \t \t 
 
}

<div id="mall_vjprofile_changebg" class="mall_vjprofile_changebg">Camera</div>

Answer 1

取下悬停状态的CSS的background:#444;。

编辑：

如果你需要的背景颜色也尽量在一个声明中结合背景样式：

background: #444 url(../img/camera.png) 5px 5px no-repeat; 

Answer 2

从悬停状态删除background: #444。如果你想保持的背景颜色编写代码是这样的：

.mall_vjprofile_changebg:hover{ 
    background-image:url(../img/camera.png); 
    background-repeat:no-repeat; 
    background-position:5px 5px; 
    border:1px solid #fff; 
    background-color: #444; 
    color:#fff; 

} 

Answer 3

background可以被用来为一个或一个以上的设定值：background-clip，background-color，background-image，background-origin，background-position，background-repeat，background-size和background-attachment：MDN

，所以你需要删除background:#444处于悬停状态，并设置

background-color:#444; 

或类似

background: url("../image/camera.png") no-repeat 5px 5px #444; 

Answer 4

当您设置background: #fff它overwritting其他简写属性。

您需要：

background-color: #444; 

您还可以使用：

background: #444 url(../img/camera.png) 5px 5px no-repeat;