Imagen por encima del valor php ¿Como intercambio posiciones?

[fernandopro]

Hola a todos, seguro que este problema tiene facil solución pero soy demasiado novato en php.

He buscado y probado soluciones pero no doy con la respuesta

quiero conseguir que me imprima la frase "Precio no disponible" si el campo esta sin rellenar y si no que me imprima una foto de fondo y el valor precio.

Este código me funciona pero el problema es que la foto cuando la muevo de sitio con css para posicionarla me tapa el valor "precio"

He inentado hacer algo con css "z-index" pero nada de nada, la foto sigue por encima del valor precio y lo tapa.

¿Alguna solución?

Gracias.

Código PHP:

  <?php $precio = $this->item->extraFields->vehi_precio->value;  
      if ($precio=="") 
          echo "Precio no disponible";            
      else 
          echo '<img src="templates/rt_epsilon/html/com_k2/vehicle/images/etiqueta.png">' . $precio; 
    ?>   

[pateketrueke]

Todo, absolutamente todo lo que ves en el navegador es HTML/CSS/JS, no PHP.

Te recuerdo que PHP se ejecuta en el servidor así que no tiene nada que ver con tu problema.

[fernandopro]

He probado de esta otra manera y tampoco

PHP

Código PHP:

  <?php $precio = $this->item->extraFields->vehi_precio->value; ?>   
  <?php if ($precio==""): ?> 
  <?php  echo "Precio no disponible";  ?> 
  <?php else: ?> 
   
  <div class="precio"> 
        <?php  echo $precio; ?> 
  </div> 
  <div class="precio-foto"> 
       <?php  echo '<img src="templates/rt_epsilon/html/com_k2/vehicle/images/etiqueta.png">';?> 
  </div> 
<?php endif; ?>   

CSS

Código CSS:

.precio-foto {
    z-index:1;
    position:relative;
    bottom: 35px;
 
}
 
 
.precio {
    z-index:100;
}
 

[pateketrueke]

¿Qué parte de "tu problema tiene que ver con CSS y no con PHP como para preguntar en el foro de PHP" no entiendes?

Te la pongo fácil: aprende a resolver tu problema con CSS primero, no confundas todo con PHP.

[fernandopro]

y porque crees que lo he posteado aquí...

con html y css no me ocurre este problema!!

solo cuando envuelvo con html el código php es cuando tengo este problema con la propiedad CSS z-index.

[pateketrueke]

Bueno, debes saber que PHP sólo te está ayudando a imprimir el HTML/CSS que necesitas, así que tu problema no es de código PHP, no es de programación en PHP.

Primero aprende a resolver el problema usando únicamente HTML y CSS, y cuando lo imprimas con PHP ten cuidado.

Nada más.

[pzin]

Para que z-index haga efecto alguno, el elemento que quieras cambiárselo debe de tener una posición que no sea estática (static), que es la que tienen por defecto todos los elementos, así que tendrías que añadirle, por ejemplo, position: relative como hiciste en .precio-foto.