Divs y condicional

[GaMeouT]

Hola nuevamente,
Necesitaba hacer en un condicional si X Datos era verdadero no se pudiese interactuar en toda la pantalla completa salvo en otra imagen.

Lo que hice fue crear una imagen que ocupase toda la pantalla y ponerle transparencia 30% xD, Y Despues la otra imagen con el z index 5, (la del fondo inseleccionable es z index 4)

El problema, es que cuando el condicional es falso las imagenes no se muestran (gracias a dios) pero igualmente no me deja seleccionar nada de la pantalla porque la imagen que de z index 4 sigue de alguna manera activa, yo lo que quiero es que no se cargue directamente.
Los otros elementos estan en z index 1,2,3...

El codigo que tengo es:

Código:

    <div class="imagenviaje">
	<?php 

	if($prueba12>"0")
	{
	echo "<img src='/prueba/prueba/prueba/fondoinseleccionable.png'>";
	}

	?>
	</div>
	
	<div class="imagenviajemenu">
	<?php

	if($prueba12>"0")
	{
	echo "<img src='/prueba/prueba/prueba/fondoviaje.png'>";
	}

	?>
	</div>

Los estilos:

Código:

    .imagenviaje {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 4;
	left: 0px;
	top: 0px;
}
    .imagenviajemenu {
	position: absolute;
	width: auto;
	height: auto;
	z-index: 4;
	left: 12.5%;
	top: 4%;
}

PD. Las variables estan definidas bien, creo que me he explicado bien, y creo que este problema iba en php.


EDITO: Lo que me gustaria saber realmente es en donde está el problema, en los divs o en el codigo php.

[quinqui]

Holas, GaMeouT.

Podrías crear una clase css extra que oculte al objeto, de modo que dado el caso, se la asignes al elemento que quieres que desaparezca. (Recuerda que puedes asignar más de una clase al mismo elemento, por lo que no perdería sus propiedades iniciales al agregarle otra clase, y sobretodo de querer volver a hacerla visible, para lo cual sólo tendrías que quitarle la clase oculta-objeto, dejando sólo la original.)

Saludos!

[GaMeouT]

Me respondo yo solo, quizas el problema sea que los divs los tenga que meter en el condicional, no?

[GaMeouT]

Iniciado por quinqui

Holas, GaMeouT.

Podrías crear una clase css extra que oculte al objeto, de modo que dado el caso, se la asignes al elemento que quieres que desaparezca. (Recuerda que puedes asignar más de una clase al mismo elemento, por lo que no perdería sus propiedades iniciales al agregarle otra clase, y sobretodo de querer volver a hacerla visible, para lo cual sólo tendrías que quitarle la clase oculta-objeto, dejando sólo la original.)

Saludos!

Lo de las clases no lo sabia, si no puedo arregarlo a mi manera, lo mas probable que lo haga como has dicho, gracias!