Estou com problema somente no Ios onde uma imagem de background não carrega
CSS
Observação: Carrega normalmente em todos navegadores em Windows, Linux, OS, Android e Windows Phone. No iOs n"ao carrega a imagem do background.
Estou batendo cabeça e não vejo o erro.
Pergunta
MarcosMoraes
Estou com problema somente no Ios onde uma imagem de background não carrega
CSS
Observação: Carrega normalmente em todos navegadores em Windows, Linux, OS, Android e Windows Phone. No iOs n"ao carrega a imagem do background.
Estou batendo cabeça e não vejo o erro.
#home {
width: 100%;
height: 100%;
background-color: #151515;
background-image: url(../images/hero-bg.jpg);
background-repeat: no-repeat;
background-position: center 50%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-attachment: fixed;
min-height: 804px;
position: relative;
}
#home .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .2;
background-color: #19191b;
}
.home-content-table {
width: 100%;
height: 100%;
display: table;
position: relative;
text-align: center;
}
.home-content-tablecell {
display: table-cell;
vertical-align: middle;
z-index: 500;
}
.home-content-tablecell .row {
position: relative;
padding-top: 16.2rem;
padding-bottom: 15rem;
}
.home-content-tablecell h3 {
font-family: "montserrat-bold", sans-serif;
font-size: 2.2rem;
color: white;
text-transform: uppercase;
letter-spacing: .3rem;
margin: 0 0 .9rem 0;
}
.home-content-tablecell h1 {
font-family: "montserrat-bold", serif;
font-size: 9rem;
line-height: 1.133;
color: #FFFFFF;
}
.home-content-tablecell .more {
margin: 4.8rem 0 0 0;
}
.home-content-tablecell .more .button {
border-color: #FFFFFF;
color: #FFFFFF;
}
Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.