Tengo un problema y es que al utilizar background: url(imagen.jpg); no muestra ninguna imagen en la pagina.
Solo me ha servido con url de imagenes ya en internet por ejemplo: https://cdn.pixabay.com/photo/2019/09/15/14/22/coast-4478424__340.jpg
En cambio yo quiero utilizar mis imagenes descargadas y ya comporbe los directorios y no funciona, ejemplo: url(images/oso.jpg);
Codigo CSS:
.img-idea2 {
background: url(images/team-idea.jpg);
width: 90%;
border-radius: 30px;
margin-left: 5%;
margin-bottom: 2%;
background-size: cover;
min-height: 100vh;
z-index: 1;
}
Codigo HTML:
<div class="img-idea2">
<div class="bg-txt-img">
<h2 class="txt-img-middle3">publish my idea in meet community to have
my team</h2>
<h4 style="color: rgb(219, 219, 219);" class="txt-img-middle4">
<a href="#">
<strong class="btn btn-light2">post</strong></a></h4>
</div>
</div>
.img-idea2 {
background: url(https://thumbs.dreamstime.com/z/team-idea-collaboration-35712050.jpg);
width: 90%;
border-radius: 30px;
margin-left: 5%;
margin-bottom: 2%;
background-size: cover;
min-height: 100vh;
z-index: 1;
}
<div class="img-idea2">
<div class="bg-txt-img">
<h2 class="txt-img-middle3">publish my idea in meet community to have my team</h2>
<h4 style="color: rgb(219, 219, 219);" class="txt-img-middle4">
<a href="#">
<strong class="btn btn-light2">post</strong></a>
</h4>
</div>
</div>
AYUDA POR FAVOR