2017-01-10 67 views
1

我正在开发一个网站,http://six03.com/ART,目前正在开发中。我想法我已经把所有的事情都包装好了,直到我在移动设备上重新使用320x480模式,并且在任何页面上以任何分辨率测试任何移动设备上的滑动菜单上的任何链接都不起作用。滑出菜单链接不起作用

我已经更新并恢复到jQuery的工作副本,我试过z-index:1;我想尽我所能,并研究所有我可以无济于事。现在我在这里寻求帮助。

我会在这里做一些研究,看看是否有类似的问题,或者如果有人知道类似的线程,在这个方向上的一个点也将不胜感激。谢谢。

+0

你是什么意思,它'不工作'? – Punit

+0

它做什么?控制台中的任何错误?它可以在我的iphone上正常工作。 –

+0

移动版中的导航图标看起来很乱,请在CSS中查看“@ media”。 –

回答

1

我打算假设您的意思是只有主页上的菜单中的“推荐”和“联系”链接不起作用。

如果是这样,你的问题与jQuery无关。

您的.region元素也被定位,因此它正在通过菜单进行渲染。 设置nav {z-index: 1}.region {z-index: 0}应该解决了这个问题,因为它会将菜单带到其他定位的内容上。

+0

滑出菜单上的链接上的可点击区域不起作用。菜单本身做它应该的。我会尝试那些'z-index'修复程序,看看它们是否工作,他们应该如何。 – six03

+0

这些修复程序无法正常工作。我甚至在样式表中的媒体查询中也做了它们。 – six03

+0

只是为了确认 - 在菜单中的链接做**没有**工作?这是在所有页面上发生的,还是只在首页上发生? – Punit

0

我最终摆脱了菜单中的重复图标,我不需要它,在nav容器上放置了一个z-index: 1;。我也改变了menu-icon的定位relative代替fixed和固定在移动设备上的问题,我已经能够测试。

0

,除非这是一个设计功能,汉堡包图标不再是顶当桌面浏览器被缩小到缩小宽度时,在英雄图像中放置。

enter image description here

+0

感谢分享。这将被照顾。 – six03