Hola,
Aunque el encabezado parece evidente, a ver si me explico lo que quiero hacer y alguien me puede echar una mano.
Se trata de aplicarle a ciertas imagenes un CSS que le añada una imagen encima. Por ejemplo, una foto y que en la esquina superior derecha aparezca una banda que ponga "Recomendada". Pero claro, ésto no se aplicaría a todas las imagenes, por eso querría un CSS sin esa banda y otro con ella.
El CSS de la foto normal, sin ninguna banda ni imagen sobre ella es:
Código:
.imgcri {
margin-top: 1px;
margin-bottom: 60px;
margin-left: 0px;
width: 896px;
height: 350px;
z-index: 1;
object-fit: cover;
text-decoration: none;
position: relative;
}
El CSS que he creado para aplicárselo a las fotos que quiera y que añadiría una banda, sería:
Código:
.imgcri_rec {
margin-top: 1px;
margin-bottom: 60px;
margin-left: 0px;
width: 896px;
height: 350px;
z-index: 1;
object-fit: cover;
text-decoration: none;
background: url(http://primeratoma.com.es/wp-content/themes/magzimus/images/peli_rec.png)no-repeat;
}
La imagen que quiero que se superponga, mide 153x153 y se debería colocar en la esquina superior derecha, a modo de banda.
Un saludo y gracias de antemano.