DIV不会通过实验性CSS3菜单定位

时间:2016-04-29 07:19:00

标签: javascript html css wordpress css3

链接到开发站点

[移除]

问题描述

我正在使用具有透视感的实验性CSS3菜单,我无法在网站内获得任何内容position:fixed;

菜单必须位于<div id="perspective" class="perspective effect-pull-out">以及<div class="perspective-wrapper"><div class="wrapper">内,才能正常使用滚动和实际透视图。

这会弄乱上面页面链接上的模式以及主站点标题上的position:fixed;。我试图添加一些jQuery来直接在<body>标签下面添加它,但没有运气,因为我使用带有Repeater的高级自定义字段,因此它将每个模态调用到正文,并且只加载第一个。如果拿一个标题并将其放在透视菜单上方,它就可以了,但是我仍然无法弄清楚如何让模态正常工作。

我认为这两个问题都与菜单有关,因为如果我将代码直接移到<body>标记之后,一切都很有效。就像它是一个Wordpress网站一样,我有模板文件,不能只将代码放在我想要的任何地方。我也在使用Bootstrap和Sass。

感谢任何帮助。

2 个答案:

答案 0 :(得分:0)

我知道你的问题是在我自己的网站中使用固定位置的自我体验相同的东西,但如果你在你的perspektiv div之外采取固定的div,也很容易解决,也做一个大的主要div然后像表行添加div为你的需要。通过这种方式,模态将按照必要的方式工作。看到你的小提琴会很好,只有没有代码的单词很难找到答案。

你有重复的id =&#34; bruce&#34;很多时候,你可以将布鲁斯的id改为你已经复制的div上的其他人。如果你从perspektiv包装器div中删除名称id并且按照你说的那样添加到body之后,代码中实际上没有问题。只有你必须改变div ID。

答案 1 :(得分:0)

我的问题是我没有重置我的Wordpress查询:

<?php wp_reset_query(); ?>

在我这样做之后,它修复了我的循环并重置导致问题的</div>