¿Porque no se me muestra la imagen?

[IVICP3]

Tengo una duda, porque no se muestra la imagen PT.png que esta asociada al div con clase PT? La ruta esta bien y no veo ningun error a simple vista, se muestra todo menos la imagen PT.

Código HTML:

<div class="fotasa">
 
<img src="img/lugares/porto.jpg" height="288px" class="wimg">
<label class="nombre"><div class="boxIcon flag PT"></div>
<b>Porto, Portugal</b> 
</label>
 
</div>
 

Código CSS:

.fotasa {
  cursor: pointer;
  position: relative;
  padding: 5px;
  width: 288px;
  border: 1px solid #c8c8c8;
  background: #fff;
  display: block;
  overflow: hidden;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
  box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
 
 
.PT {
  background-image: url('img/banderas/PT.png');
}
.flag {
  width: 45px;
  height: 45px;
  background-repeat: no-repeat;
}
.boxIcon {
 
  display: inline-block;
  float: left;
}
 
.nombre {
  text-align: left;
  min-height: 43px;
  position: absolute;
  bottom: 5px;
  left: 5px;
  right: 5px;
  background: rgba(0,0,0,0.75);
  color: white;
 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
}
 

[superweb360]

prueba de poner la imagen en el directorio donde está el archivo CSS y luego pon esto

Código CSS:

background-image: url('PT.png');
 

por otro lado, has puesto un DiV dentro de un LABEL, y creo que eso no es correcto

[mardojai]

Prueba lo que dice @superweb360, puede ser un problema en la ruta que no te diste cuenta.

Por otro lado, no entiendo para que estás usando el elemento label, ese elemento es para formularios y asociarlos con inputs.

https://developer.mozilla.org/es/doc...Elemento/label

[fede5426]

Si el css esta dentro de una carpeta.. te falta agregar "../" en la ruta de tu imagen, para "salir" de la carpeta css y ya después ingresar a img.