Skip to main content
Se convierte código a snippet
Origen Enlace
Ruslan López
  • 11.8k
  • 14
  • 44
  • 88

background: url (); no muestra imagenes locales en carpetas dentro del index AYUDA

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

 

En donde esta el texto deberia mostrar la imagen

background: url (); no muestra imagenes locales en carpetas dentro del index AYUDA

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>

AYUDA POR FAVOR

En donde esta el texto deberia mostrar la imagen

background: url (); no muestra imagenes locales en carpetas dentro del index

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);

.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>
 

En donde esta el texto deberia mostrar la imagen

Origen Enlace

background: url (); no muestra imagenes locales en carpetas dentro del index AYUDA

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>

AYUDA POR FAVOR

En donde esta el texto deberia mostrar la imagen