i got a few question about a game I'm trying to build, fiddle is included.
I'm trying to position the images atop one another, and then to resize them all to make them all the height and width of the table (as i made the table cells, they are responsive), and to position them atop the table,my wish is that's only 1 image is visible (my guess the other 2 are at display none?) ,with a 0.4 opacity, is not clickable because of z-index=-1 or a java-script function. i have no idea how to accomplish this, tried looking around here didn't get far, am very new to CSS.
in addition i've added an image to the button with the class backUp its a flexbox , with items growing according to the number i gave, how do i make the image resize and take up the space it should? currently it just messes up the entire page in addition i've also added an image to the div
upon a certain condition ,i want to show one of the 2 other faces, and make them clickable, so when clicked I'm guessing the z-index will change and the opacity as-well to make it not override the table but act as a background image that's clickable. for example:
would that work or is there some other parameter i need to know about?
3. any better way to resize the TD's? it jitters every time i change the size
What I have tried:
tried playing with positions in css, but since i dont understand it that much the outcome has been bad