0

老实说，我在这个问题上已经深入了两个小时 - 子菜单的样式根本不会正确，而且无论我将我的列表与多少列表进行比较，我似乎都无法让它看起来正确。

该网站： http ://blacktiephotographers.com/ - 您必须单击“进入”才能看到列表，对此感到抱歉。

问题： “公司”类别下的子列表 - 我希望悬停的项目填充子 UL 的整个宽度。如您所见，黑色仅填充了 ul 宽度的 80% 左右。

我正在使用的代码：

<div id="navigation-menu-container">
   <ul>
      <li><a href="<?php echo home_url(); ?>" id="nav-home" class="noSlide <?php if (is_home() || is_front_page()) { echo "curr-page-nav"; }?>"><span class="nav-hidden">HOME</span></a></li>
      <li><a href="<?php echo get_page_link(838); ?>" id="nav-about" class="noSlide <?php if (is_page(838)) { echo "curr-page-nav";}?>"><span class="nav-hidden">ABOUT</span></a></li>
      <li><a href="<?php echo get_page_link(1033); ?>" id="nav-wedding" class="noSlide <?php if (is_page(1033)) { echo "curr-page-nav";}?>"><span class="nav-hidden">WEDDINGS</span></a></li>
      <li><a href="<?php echo get_page_link(1303); ?>" id="nav-mitzvah" class="noSlide <?php if (is_page(1303)) { echo "curr-page-nav";}?>"><span class="nav-hidden">MITZVAHS</span></a></li>
      <li><a href="<?php echo get_page_link(1530); ?>" id="nav-celebration" class="noSlide <?php if (is_page(1530)) { echo "curr-page-nav";}?>"><span class="nav-hidden">CELEBRATIONS</span></a></li>
      <li><a id="nav-corporate" class="accordionButton <?php if (is_page(1635) || is_page(1909)) { echo "curr-page-nav";}?>"><span class="nav-hidden">CORPORATE</span></a>
          <ul>
              <li><a href="<?php echo get_page_link(1635); ?>" id="nav-meeting" class="subitem"><span class="nav-hidden">MEETINGS</span></a></li>
              <li><a href="<?php echo get_page_link(1909); ?>" id="nav-event" class="subitem"><span class="nav-hidden">EVENTS</span></a></li>
          </ul>
      </li>
      <li><a href="<?php echo get_page_link(831); ?>" id="nav-testimonial" class="noSlide <?php if (is_page(831)) { echo "curr-page-nav";}?>"><span class="nav-hidden">TESTIMONIALS</span></a></li>
      <li><a href="<?php echo get_page_link(874); ?>" id="nav-associate" class="noSlide <?php if (is_page(874)) { echo "curr-page-nav";}?>"><span class="nav-hidden">ASSOCIATES</span></a></li>
</ul>
</div>

我已经检查了很多次我的风格，似乎无法做出上述任何改变。

这是一个屏幕截图：源代码对我来说是什么样的

4

2 回答 2

1

我强烈建议使用<ul>and<li>而不是你现在所拥有的。

像这样：http: //jsfiddle.net/Nafhr/

于 2012-08-01T20:02:46.863 回答
0

你能提供一个屏幕截图来说明它应该如何表现..

同样在 FF3 中，子菜单显示在主图像后面而不是前面.. 你需要添加 zindex: 9999; 让它放在图像的顶部..并确保您的定位是相对的..

于 2012-08-01T20:01:08.020 回答