Buenos días tengo una pregunta y es ¿por que no me aparece las imágenes de los iconos?, me sale el icono de que es una imagen pero no la ...

jhon alejandro romero mayorga

jhon alejandro romero mayorga

Pregunta
student
hace 5 años

Buenos días tengo una pregunta y es ¿por que no me aparece las imágenes de los iconos?, me sale el icono de que es una imagen pero no la imagen en si y también tengo adjunta la carpeta con iconos.png pero aun así no me aparece.

Gracias!!

.carrusel-item__img {

width: 200px;

height: 250px;

object-fit: cover;

}

.carrusel-item__details {

background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);

font-size: 10px;

opacity: 0;

transition: 450ms opacity;

padding: 10px 10px;

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

display: flex; justify-content: flex-end; flex-direction: column; } .carrusel-item__details img { height: 15px; } .carrusel-item__details p { margin: 0px; } .carrusel-item__details:hover { opacity: 1; color: white; }

</style>

<body>

<section class=“carrusel”>

<div class=“carrusel__container”>

<div class=“carrusel-item”>

<img class=“carrusel-item__img” src=“https://images.pexels.com/photos/774909/pexels-photo-774909.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500” alt=“sorrisa”>

<div class=“carrusel-item__details”>

<div>

<img src="…/icons8-play-64.png" alt=“Play”>

<img src="…/icons8-más-64.png" alt=“Plus”>

</div>

<p class=“carrusel-item__details–title”>Titulo descriptivo</p>

<p class=“carrusel-item__details–subtitle”>2020 16+ 114 minutos</p>

</div>

</div>

1 respuestas
para escribir tu comentario
    CRISTIAN BARBERO PÉREZ

    CRISTIAN BARBERO PÉREZ

    student
    hace 5 años

    Buenas, tienes 3 puntos en

    src
    :

    <img src="…/icons8-play-64.png" alt=“Play”> <img src="…/icons8-más-64.png" alt=“Plus”>

    Para ir a la carpeta anterior son dos puntos y si quieres quedarte en la misma carpeta un solo punto

Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!

Curso de Frontend Developer
Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!