CSS HOVER 背景颜色盖住背景图片

<html><head><styletype="text/css">/*头部第一段*/body,div,a,i,span{margin:0;padding:0;font-... <html>
<head>
<style type="text/css">
/*头部第一段*/
body,div,a,i,span{margin:0;padding:0;font-size:13px;}
#tou{width:100%;height:28px;background:#F7F7F7;}
#tou2{margin:0 auto;width:1000px;height:28px;border:1px solid;line-height:28px;}
#lianjie{width:130px;height:28px;text-decoration:none;color:green;display:block;float:left;}
#szzyt{width:15px;height:11px;background:url(1.png) no-repeat scroll -255px -150px;float:left;margin:8px 4px;}
#lianjie:hover{background: #CCCCCC ;color:red;}

/*头部第二段*/
#two{width:275px;height:28px;float:right;}
#denglu{width:40px;height:28px;text-align:center;text-decoration:none;
background:url(1.png) no-repeat scroll -99px -119px;display:block;padding-left:20px;border-right:1px solid #eaeaea;float:left;color:black;}
#denglu:hover{background:#CCCCCC ;color:red;}
.twow{width:50px;height:28px;display:block;border:1px solid #eaeaea;float:left;text-align:center;text-decoration:none;color:black;}
.twow:hover{background-color:#CCCCCC ;color:red;}

</style>
</head>
<body>
<div id="tou">
<div id="tou2">
<a href="hao123.com" id="lianjie" >
<i id="szzyt"></i>
<span id="left" class="two">设置好123为主页</span>
</a>

<div id="two">
<a href="#" id="denglu">登陆
</a>
<a href="#" class="twow">反馈
</a>
<a href="#" class="twow">换肤
</a>
<a href="#" class="twow">alin
</a>

</div>

</div>
</div>
</body>
</html>
本人在自学。比较渣，高手们别介意哈。就是登陆那个我使用伪类后，背景图片灰色会直接盖住背景图标，想问问怎么才能让图标显示出来展开

 我来答

4个回答

#合辑# 机票是越早买越便宜吗？

言言言小鱼

2015-02-28 · 小小的鱼儿小小的我，我就是言小鱼。

言言言小鱼

采纳数：1335 获赞数：7608

向TA提问私信TA

关注

展开全部

#denglu:hover{background-color:#CCCCCC ;color:red;}

　　这里你需要用background-color，因为用background的话你需要写上图片路径的，如果不写相当于没有背景图片。

已赞过 已踩过<

评论收起

上海摘文信息科技有限公司

广告2024-12-26

boomAi在线AI修图，抠图。欢迎你使用创作和分享你的作品，共同探索AI换背景领域的应用换背景Ai商品图-换背景和达人爱用的换背景

www.boom-ai.cn

育知同创教育
2016-03-10 · 百度知道合伙人官方认证企业

育知同创教育

1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】

向TA提问

关注

展开全部

同时使用背景图片和背景颜色可以实现，需要如下代码：
.test{background:url("图片链接") center center no-repeat; background-color：#000;}

或
.test{background:url("图片链接") #000000 center center no-repeat;}

注意:
背景图片需要在背景颜色之前；

需要设置多个值时使用background，只需图片链接时可直接用background-img链接;