0

我在 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 -->
4

2 回答 2

5

您唯一缺少的是a元素上的定位属性。见小提琴。：

.menu li a {
   position: relative;
}

您的z-index: 500ona没有被识别，因为您没有给出a任何类型的元素定位，并且z-index仅用于定位元素。

于 2013-06-22T15:11:49.370 回答
0

您可以onclick在标签上放置一个事件li或使用 CSS 使a标签填充li. 后一种解决方案可以通过display:block;在a标签上进行设置，然后为标签设置适当的高度和其他样式li。

此外，li标签旨在用于列表。尽管在您的完整解决方案中它们可能会被正确使用，但在您的示例中，a标签就足够了。

于 2013-06-22T15:09:44.843 回答