无法使整个LI项目可点击

Question

我在StackOverflow上看到了一些关于此的主题,并试图在帖子中实现提示但没有运气所以这篇文章不打算复制,我试图让我的整个LI链接可点击,我已经设置了一个JSFiddle和下面的一些代码.预先感谢您的帮助.

的jsfiddle

http://jsfiddle.net/szfdh/

          <div class="menu" id="menubar"> <div class="w_960"><ul>

<li id="menu-item-55" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-53 current_page_item menu-item-55"><a href="#">Home</a></li>
<li id="menu-item-47" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47"><a href="#">Junior Scheme</a></li>
<li id="menu-item-46" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46"><a href="#">Teen Scheme</a></li>
<li id="menu-item-45" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45"><a href="#">About Us</a></li>
<li id="menu-item-44" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44"><a href="#">Photo Gallery</a></li>
<li id="menu-item-43" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43"><a href="">Policies</a></li>
<li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48"><a href="">Contact Us</a></li>
</ul></div><!-- end  menubar w_960 --> </div><!-- end menubar -->  

Answer 1

您唯一缺少的是a元素上的定位属性.看小提琴.:

.menu li a {
   position: relative;
}

您z-index: 500在a没有被确认,因为你没有给a任何种类的元素定位,z-index只对定位的元素.