基金会6响应菜单错误下拉/深入

所以，我想要为中型和大型设备的下拉菜单和小设备的明细。不过，我认为我做得不对，而且我得到了一些奇怪的东西。基金会6响应菜单错误下拉/深入

如果我在页面中加载一个中等和更大的设备，我觉得在使用它后在深入菜单上会出现1px蓝线。
如果我在小设备上加载页面，它已损坏。

下面是一个代码笔：http://codepen.io/anon/pen/BzEjov

<body class="no-js"> 
    <ul class="horizontal dropdown menu" data-responsive-menu="drilldown medium-dropdown" style="width: 300px;"> 
    <li> 
     <a href="#">Item 1</a> 
     <ul class="is-dropdown-submenu-parent menu"> 
     <li> 
      <a href="#">Item 1A</a> 
      <ul class="is-dropdown-submenu-parent menu"> 
      <li><a href="#">Item 1A</a></li> 
      <li><a href="#">Item 1B</a></li> 
      <li><a href="#">Item 1C</a></li> 
      <li><a href="#">Item 1D</a></li> 
      <li><a href="#">Item 1E</a></li> 
      </ul> 
     </li> 
     <li><a href="#">Item 1B</a></li> 
     </ul> 
    </li> 
    <li> 
     <a href="#">Item 2</a> 
     <ul class="is-dropdown-submenu-parent menu"> 
     <li><a href="#">Item 2A</a></li> 
     <li><a href="#">Item 2B</a></li> 
     </ul> 
    </li> 
    <li> 
     <a href="#">Item 3</a> 
     <ul class="is-dropdown-submenu-parent menu"> 
     <li><a href="#">Item 3A</a></li> 
     <li><a href="#">Item 3B</a></li> 
     </ul> 
    </li> 
    </ul> 
</body>

的JavaScript/jQuery的：

jQuery(document).ready(function() { 
    jQuery(document).foundation(); 
});

以及示出了小视频的错误：

https://sendvid.com/oxg1jckq

看看第1项，那里有一条线。并且小屏幕大小的负载已全部损坏。因此，如何为中等和小型钻取下拉菜单？任何帮助？

来源

2016-08-18 Fox Alex

发现该问题的类是下拉子菜单父应删除建议https://github.com/zurb/foundation-sites/issues/9189

来源

2016-12-23 10:00:54

好的亚历克斯，不幸的是，这只是关于你关注大中型屏幕的部分答案。它看起来像你的特定问题可能只发生在铬或只是一系列的浏览器。

中，大屏幕：

据我所知，在浏览器将“焦点”上的“返回”按钮，当你点击它。在用蓝色轮廓表示的某些浏览器中，这个蓝色轮廓在您的屏幕上“漏”了一点，这就是为什么您会看到一条蓝线。蓝线实际上勾画了entine按钮，但由于它已滑到页面的一侧，因此只能看到按钮的左边框。要查看整个边框，请尝试按下键盘上的“选项卡”键以选择不同的菜单元素，并且您将看到菜单项周围的蓝色轮廓，表示您已将注意力集中在该边框上。

说实话，我不认为这是一个大问题，也许有一个更大的问题，你点击后退箭头后焦点的最终位置。在任何情况下，这是Chrome浏览器修复：

.js-drilldown-back a { 
     outline: -webkit-focus-ring-color auto 0px; 
}

或者这也应该工作，虽然我只尝试了上述

.js-drilldown-back a { 
     outline: 0px; 
}

看到如何继续下去，但我有一个以后再看看你的其他问题，但至少这是一个开始。

来源

2016-08-26 06:12:04

基金会6响应菜单错误下拉/深入

回答

相关问题