Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
esse é o link do meu site:https://xraros.000webhostapp.com/
o problema é que no arquivo css test.css no bloco de código:
eu escrevi esse código:
@media screen and (min-width: 800px) and (max-width: 848px){
.busca {
width:200px;
}
.barra {
background:url(../img/barra.png)no-repeat;
}
}
escrevi esse código:
.barra {
background:url(../img/barra.png)no-repeat;
}
no index da pagina tem a div:
<div class="barra">
</div>
mais no site não carrega essa imagem.
como eu carrego essa imagem via css dentro de um div?>
On 9/7/2019 at 9:12 PM, Jack Oliveira said:
Tente este aqui veja se resolve
<head>
<style>
.barra {
background-image:url(./img/Chicago.jpg);
background-repeat: no-repeat;
padding:100% 0 150px;
text-align:center
}/ Estilos aplicados a larguras em pixels /
@media screen and (min-width: 800px) and (max-width: 848px){
.busca {
width:200px;
}
.barra {
background-image:url(./img/Chicago.jpg);
background-repeat: no-repeat;
padding:100% 0 150px;
}
}
</style>
</head>
<body>
<div class="barra">
</div>
</body>
Só fazer as alterações ao teu modo..
Espero ter ajudado ai...
não deu.A imagem tá lá sim, só que tem as dimensões de 0px por 0px.
Por exemplo:
**.barra {
background-image: url(./img/Chicago.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
min-height: 150px
}**>
23 hours ago, Omar~ said:
A imagem tá lá sim, só que tem as dimensões de 0px por 0px.
Por exemplo:
**.barra {
background-image: url(./img/Chicago.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
min-height: 150px
}**
**Muito obrigado mesmo, foi de grande ajuda, eu não sabia que a imagem tava 0px 0px, eu pensava que carregava com tamanho original da imagem, obrigado mesmo.**
>
Em 06/09/2019 at 11:21, teuzero disse:
esse é o link do meu site:https://xraros.000webhostapp.com/
o problema é que no arquivo css test.css no bloco de código:
eu escrevi esse código:
@media screen and (min-width: 800px) and (max-width: 848px){
/ Estilos aplicados a larguras em pixels /
@media screen and (min-width: 800px) and (max-width: 848px){