超级快速菜单内联响应式设计

我有超级菜单显示内嵌与“响应式设计”的问题我想所有超级菜单链接显示内联，但我有问题，超级鱼的子菜单覆盖所有样式，我试过并始终显示落下。超级快速菜单内联响应式设计

任何人都知道我如何禁用超级鱼动画下拉鼠标悬停时，im浏览与小于700像素设备，并显示超级菜单元素，子菜单和子菜单元素的所有元素内联块。

当前的网站代码太乱了，所以我上传了这里http://pastebin.com/mwPjVEPX 这是直接从网站。

对于我添加的第一个ul li元素显示：inline-block和它的工作，但在submenu元素中，第一个来自superfish的javascript添加元素样式显示：none和visibility：hidden，当我尝试添加显示时：inline-block在第一次悬停时覆盖它，它回到无显示。

这里是快鱼菜单http://pastebin.com/vmYkGVx4

来源

2013-03-07 Aleksandar Đorđević

首先的CSS，你没有具体提到您的代码在这里或任何链接。但正如我猜想的，您指定给父级的所有属性，它们都会自动附加到其子元素。所以，如果你给display: inline;，那么它的所有孩子都会得到它，并表现得好像他们在线。所以最好去display: inline-block;。在这种情况下，此元素将表现为内联元素，但本身显示为块级元素。孩子永远不会内联。

来源

2013-03-07 16:48:32

是我使用display：inline-block，但它只适用于父元素。在submenu元素上，来自superfish的javascript会自动添加display：none和visibility：hiden和display：inline-block不会因为某些原因而工作。 – 2013-03-07 20:18:32

尽管你的CSS，Superfish JavaScript继续以小屏幕尺寸运行。 JavaScript通过附加内联style属性来隐藏和显示事物，以更改CSS display属性。内联样式总是会胜过任何其他来源的CSS，除非您像这样添加!important关键字：display: inline-block !important。这将是值得尝试的。但是，由于JavaScript仍然会试图对这些元素采取行动，因此您可能会发现其他奇怪的行为，例如或。请让我们知道你的方式。

来源

2013-03-08 10:18:19

是的，我知道JavaScript仍然在小屏幕上运行，并将其属性添加到子菜单。！重要的是只工作在第一页加载，只要我停止在菜单上，并删除它的JavaScript重写！再次从CSS的重要设置。我会尝试做不同的方法，看看我可以如何使它不会在小屏幕上加载超级鱼，这样我会有纯CSS菜单，这将是我希望更容易定制。 – 2013-03-08 14:56:26

那么最后我结束了使用mobilemenu。这是javascript代码，在选定的宽度隐藏超级菜单和显示下拉选择框。从所有搜索中最合理的使用。虽然在各种博客上都有文章说，下一步是让它响应，直到我用这个插件，但超级鱼菜单上有一些开发支持触摸设备，但它仍不支持“响应式设计”。https://github.com/mattkersley/Responsive-Menu

来源

2013-03-09 12:34:17

超级快速菜单内联响应式设计

回答

相关问题