彼此定位div

我很困难搞清楚我的错误在哪里。我想建立网站与一些divs在彼此的权利......稍后应该有一个水平导航，通过锚点自动滚动到右侧。总之......每个div在背景中都有一个图像，并且有一些文字的容器。导航菜单是固定的，并始终显示。彼此定位div

我的麻烦：为什么文本容器不显示在第一个div？请参阅我的小提琴上http://jsfiddle.net/pvvFR/

预先感谢您的阅读，如果是...回答

2012-02-20 Jurudocs

它在Chrome（17.0.963.56）中。你使用的是什么浏览器？ – 2012-02-20 15:25:47

@Grim ...感谢询问..firefox – Jurudocs 2012-02-20 15:26:46

图像这是不是这样的一个解决方案

http://jsfiddle.net/pvvFR/7/ 我已经把你的位置绝对滑块

我已经把你的连续ainer DIV出滑块的

编辑：

看看这个：http://jsfiddle.net/pvvFR/13/ 一切都是相对的我已经给予了高度的滑块，和你的容器放置到负顶部

2012-02-20 15:33:16 GregM

非常感谢你......但看看发生了什么，如果有多个图像......他们被放在彼此......不相对于父母的div ... http：//jsfiddle.net/pvvFR/11/ – Jurudocs 2012-02-20 15:42:19

我编辑了代码，告诉我现在是否好了？ – GregM 2012-02-20 16:39:18

，以某种方式工作...我需要实现它到我的上下文中，尽管...负面顶端的好主意！ – Jurudocs 2012-02-20 17:40:08

如果我没有得到你的权利，如果你使用img设置背景（我认为这是不很好），你应该从普通图层中排除它（例如position:absolute），所以内容可以覆盖它。您的问题不在文字中，而在图像中。

2012-02-20 15:30:43 YuS

位置绝对不起作用。后来它应该是在后台的幻灯片...这就是为什么我使用img标签。绝对位置不工作，因为我需要相对于父div的多个时间的图像（多个sceens）。谢谢您回答，但？或者是更好的操纵JavaScript的背景来获得幻灯片？ – Jurudocs 2012-02-20 15:36:42

同样的事情：把你的图片放在另一个容器中，用“overflow：hidden”或类似的东西，这样你可以操纵幻灯片，但容器本身仍然应该是'position：absolute'。尝试想象你想要的层次结构，然后你会理解你需要的所有层。 – YuS 2012-02-20 16:38:50

尽量让每个容器的一个独特的类，并且使用例如更换并投入div的背景像

background:url('http://www.wiesenhof-online.de/upload/Chicken-Ribs-BBQ-quer.jpg');

2012-02-20 15:32:23 alexsuslin

那么，回答你关于这种情况背后的原因的问题是Z-INDEX只适用于定位元素，因为你没有定位你的图像元素，这就是为什么'一些文本'埋在图像后面，它的Z-索引不会'生效。

2012-02-20 17:19:48

回答