css - 给a标签加上的背景图片在给a标签设置hover在动到a标签区域时背景图片被隐藏的问题。
本文介绍了css - 给a标签加上的背景图片在给a标签设置hover在动到a标签区域时背景图片被隐藏的问题。的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<style>
*{margin:0; padding:0;}
body{font-size:14px;}
ul{list-style:none;}
.dh{width:953px; height:38px; border:1px solid green; border-top:1px solid #ccc; margin:150px auto 0;}
.dh li{float:left; width:105px; line-height:38px; text-align:center; border-right:1px dotted red;}
.dh li a{text-decoration:none; display:block; color:#333; background: url(360.png) no-repeat 10px 10px;}
.dh li a:hover{background:#ccc;}
li.abc{border-right:none;}
</style>
</head>
<body>
<div class="dh">
<ul>
<li class="item1"><a href="#">推荐网站</a></li>
<li class="item2"><a href="#">新闻头条</a></li>
<li class="item3"><a href="#">电 视 剧</a></li>
<li class="item4"><a href="#">最新电影</a></li>
<li class="item5"><a href="#">小 游 戏</a></li>
<li class="item6"><a href="#">小说大全</a></li>
<li class="item7"><a href="#">旅游度假</a></li>
<li class="item8"><a href="#">网上购物</a></li>
<li class="abc"><a href="#">好药特惠</a></li>
</ul>
</div>
</body>
</html>解决方案
hover设置background-color就好了，不要整个background覆盖。
还有代码我在chrome上测试过，是没有间隙的。
这篇关于css - 给a标签加上的背景图片在给a标签设置hover在动到a标签区域时背景图片被隐藏的问题。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
