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

图片描述

阅读 11.1k

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

你尚未登录，登录后可以

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

css布局怎么保证右边一直在可视范围内？

图片沿着圆环的转动有什么方法吗？

flex相关 flex: 1的子元素如何宽度能100%且不溢出？

CSS如何巧妙实现标题居中、关闭按钮居右效果？

js阻止冒泡问题？

Scss的rgba()方法无法对变量进行二次编译？