2015-08-20 37 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

我将如何表明某个选定的链接处于活动状态?这是一个:主动? 此外,我将如何为壁板图像放置不同的变量,而不是屋顶图像? –