试图将图像叠加在一张桌子上，更改Js的z索引和不透明度，多个问题和未知数

Question

我对我要开发的游戏有一些疑问，小提琴包括在内。

1。我正在尝试将图像彼此放置在一起，然后重新调整它们的大小以使其全部表格的高度和宽度（当我制作表格单元时，它们会响应），并将它们放置在表格的顶部，我希望是只有1幅图像可见（我猜其他2幅图像都没有显示？），透明度为0.4，由于z-index = -1或Java脚本函数而无法点击。我不知道如何完成此操作，尝试在这里走很远，对CSS来说是很新的。

2。

在特定条件下，我想显示其他2张面孔中的一张，并使其可点击，因此，当我单击时，我猜测z索引会发生变化，并且不透明度也会使其不覆盖表格，而是充当可单击的背景图像。例如：

if(isVictory) {
face1.style.display="none"
face2.style.display=""
face2.z-index=1
face2.opacity=0.4
}

================================================ ================================================== =====

目前，我什至无法正确调整图像的大小，尝试播放位置没有太大帮助还提供负责调整大小的JavaScript函数，它适用于TD，但不适用于图像]

小提琴：

JsFiddle

Answer 1

您忘记了face2的.style，并且z-index的拼写为zIndex：