给a标签加上的背景图片在给a标签设置hover在动到a标签区域时背景图片被隐藏的问题。-mishen的回答

给a标签加上的背景图片在给a标签设置hover在动到a标签区域时背景图片被隐藏的问题。财富值12

2016-10-15 15:05发布

<!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>