首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >从抓取的网站未显示下拉菜单

从抓取的网站未显示下拉菜单
EN

Stack Overflow用户
提问于 2013-07-23 06:41:31
回答 1查看 148关注 0票数 0

我正在抓取的网页上工作(我已经被允许由所有者刮它),由于某些原因,页面上的下拉列表不是working.All的CSS/JS/图像是正确的链接,但正如我尝试和尝试,下拉菜单不工作。我确信我正确地获得了HTML和CSS,并且链接了所有内容,所以我唯一能想到的就是某种JS错误,而我对JS :\

HTML是:

代码语言:javascript
复制
<ul id="nav">

  <li class="level0 nav-1 first active level-top parent"><a href="#" class="level-top"><span>Formal Shirts</span></a>

    <ul class="level0">
      <li class="level1 nav-1-1 first"><a href="#"><span>Regular Fit</span></a></li>
      <li class="level1 nav-1-2 last"><a href="#"><span>Semi-tailored Fit</span></a></li>
    </ul>

  </li>

  <li class="level0 nav-2 level-top"><a href="#" class="level-top"><span>Ties</span></a></li>

  <li class="level0 nav-3 level-top"><a href="#" class="level-top"><span>Cufflinks</span></a></li>

  <li class="level0 nav-4 level-top"><a href="#" class="level-top"><span>Casual Shirts</span></a></li>

  <li class="level0 nav-5 level-top"><a href="#" class="level-top"><span>Knitwear</span></a></li>

  <li class="level0 nav-6 level-top"><a href="#" class="level-top"><span>Polo Shirts</span></a></li>

  <li class="level0 nav-7 last level-top"><a href="#" class="level-top"><span>Hoodies &amp; Tops</span></a></li>

</ul>

CSS是(我想我都复制了):

代码语言:javascript
复制
#nav { margin: 0px auto; width: 1012px; height: 62px; background: url('bg_nav.png') no-repeat scroll center top rgb(255, 255, 255); }
#nav li.parent {  }
#nav li a { display: block; text-decoration: none; }
#nav li a:hover { text-decoration: none; }
#nav li a span { display: block; white-space: nowrap; cursor: pointer; border-right: 1px solid rgb(255, 255, 255); padding: 0px 31px; line-height: 13px; }
#nav li.last a span { border-right: 0px none; }
#nav li ul a span { white-space: normal; padding: 0px; border-right: 0px none; line-height: 25px; }
#nav li { float: left; }
#nav li a { float: left; font-family: futurastdmedium; color: rgb(255, 255, 255); font-size: 14px; padding: 13px 0px; }
#nav li a:hover { color: rgb(206, 211, 247); }
#nav li.over.parent a:hover, #nav li.active.parent a:hover { color: rgb(36, 35, 75); }
#nav li.active.parent a #nav li.over ul a, #nav li.active ul a { background: none repeat scroll 0% 0% transparent; }
#nav ul, #nav div { position: absolute; width: 15em; padding: 10px 0px; top: 39px; left: -10000px; background: url('bg_trans.png') repeat scroll 0% 0% transparent; box-shadow: 0px 3px 3px rgb(102, 102, 102); }
#nav ul li { float: none; }
#nav ul li.last { border-bottom: 0px none; }
#nav ul li a { float: none; padding: 0px 29px; font-weight: normal; color: rgb(36, 35, 75) ! important; }
#nav ul li a:hover { color: rgb(146, 149, 190) ! important; }

我上传了我的“版本”的网站到http://goo.gl/nEAQ7c,原来的是这里的http://goo.gl/s3aWwi和正常工作。如果有人能给我一些建议,那就是great.Moderators,如果我违反了一些规则,我很抱歉。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-07-23 07:22:52

只需将此代码添加到您的css

代码语言:javascript
复制
#nav li:hover ul.level0{
   left: 0px;
   z-index:500;
}

那么它应该是有效的。

除此之外,我不知道为什么不是

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17798693

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档