2015-08-20 42 views
0

http://gomocloud.com/ambassadorhi/homebuilder/2015/testing/testing.htmlZ-指數未對畫廊

工作我所試圖做的是同時獲得屋頂的顏色和屋面顏色選擇時顯示。

我已經爲每個部分分配了不同的z-index等級。但是,正如您所看到的,即使我點擊具​​有較高Z指數的元素,當爲房屋的側板選擇新顏色時,屋頂圖像也會回到默認顏色。

我甚至嘗試從位置:絕對位置切換:在CSS代碼中的相對位置。任何幫助,將不勝感激。

這是JSFiddle

+0

沿着房子的黑色輪廓是否是壁板顏色?它如何看起來有「屋頂的顏色和側面的顏色,以顯示」? –

+0

不需要。您只需點擊我發佈的示例中的縮略圖即可。賽普拉斯,輕楓等... 請在回覆之前查看鏈接。 –

+0

你做了什麼的小提琴和代碼將被appreaciated –

回答

0

您正在使用相同的輸入控制屋頂和側板。在這種情況下,這意味着當你點擊屋頂時,側線將轉到默認側線,反之亦然。

你也沒有真正做Z指數。所有屋頂的價值爲10,所有的牆板都有20(這並不重要,因爲屋頂與側線不重疊)。

如果你想使用Z-index來顯示和隱藏,你應該使活動屋頂的Z-index比所有其他屋頂更高,並且對邊線做同樣的事情。

爲了這個工作,你需要2個變量。一個用於控制哪個屋頂處於活動狀態,另一個用於控制哪個側板處於活動狀態。現在你只能一次控制其中的一個,另一個會默認DOM樹中的哪一個更高。

+0

我已經編輯了我的答案和更多信息。 – oBlissing

+0

謝謝...我會嘗試。祝我好運。 –

+0

我將如何表明某個選定的鏈接處於活動狀態?這是一個:主動? 此外,我將如何爲壁板圖像放置不同的變量,而不是屋頂圖像? –