彼此定位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

回答