设置锚标记以匹配父列表项的全宽 [英] set anchor tag to match full width of parent list item

问题描述

我如何使锚点与父列表项的确切大小匹配?

How can i make my anchor match the exact size of the parent list item?

<div id= "wrapper">
<div class="nav">
  <ul>
    <li><a href="#">One</a></li>
    <li><a href="#">One</a></li>
    <li><a href="#">One</a></li>
    <li><a href="#">One</a></li>
    <li><a href="#">One</a></li>
  </ul>
</div>
</div>

谢谢

推荐答案

只需使用此CSS，即可在jsfiddle

Just Use This css it will work fine on jsfiddle

ul li a{color: black;background:url(http://mwv3.webs.com/menu_hover.png)-20px bottom no-repeat;
    padding:0px 0px 9px 0px;width:100%;
        -webkit-transition: background .5s ease;
         -moz-transition: background .5s ease;
           -o-transition: background .5s ease;
          -ms-transition: background .5s ease;
              transition: background .5s ease;
    display:block;/*ADDED*/
}

ul li a:hover{

background:url(http://mwv3.webs.com/menu_hover.png) center bottom no-repeat; /*Changed*/
}

这篇关于设置锚标记以匹配父列表项的全宽的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！