将div放在一起

时间:2012-02-20 15:20:36

标签: html css

我弄清楚我的错误在哪里。我想在右边建立一些div的网站......之后应该有一个水平导航,通过锚自动滚动到右边。 无论如何......每个div都有一个背景图像和一个带有一些文本的容器。导航菜单是固定的,始终显示。

我的麻烦:为什么文本容器没有显示在第一个div上? 请在http://jsfiddle.net/pvvFR/

上查看我的小提琴

提前感谢您的阅读,如果是的话......请回答

4 个答案:

答案 0 :(得分:1)

如果我确实做对了,如果你使用img来设置背景(我认为它根本不好),你应该将它从公共层中排除(例如position:absolute) ,所以内容可以覆盖它。您的问题不是文字,而是图片。

答案 1 :(得分:1)

尝试让每个容器成为一个唯一的类并替换为例如将图像放到div背景中,如

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

http://jsfiddle.net/pvvFR/10/

答案 2 :(得分:1)

这就像是一个解决方案

http://jsfiddle.net/pvvFR/7/ 我已经在你的滑块上放置了一个绝对位置

我将你的容器div从滑块

中取出

编辑:

看看这个:http://jsfiddle.net/pvvFR/13/ 一切都是相对的 我给你的滑块高度,并将你的容器放在负顶部

答案 3 :(得分:0)

好吧,回答你关于这一事件背后的原因的问题是,Z-INDEX仅适用于定位元素,因为你没有定位你的图像元素,这就是为什么有些文字'隐藏在图像后面,它的z-index不起作用。

检查一下。 http://jsfiddle.net/pvvFR/14/