Ir para conteúdo
  • Cadastre-se

Imagem de URL em CSS não carrega no site - somente iOS


Posts Recomendados

Estou com problema em um site que somente no iOS não faz o carregamento da imagem através de URL em css

o css do home 

>>> - a imagem na url somente não carrega no iOS, funciona normalmente em todos navegadores, em Android, Windows Phone e OS

(batendo cabeça com isso)

#home {
  width: 100%;
  height: 100%;
  background-color: #f9628f;
  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;
}

/* home social-list */
.home-social-list {
  position: absolute;
  left: 48px;
  bottom: 54px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 2.4rem;
  line-height: 1.75;
  text-align: center;
}
.home-social-list::before {
  display: block;
  content: "";
  width: 2px;
  height: 42px;
  background-color: rgba(255, 255, 255, 0.3);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
}
.home-social-list li {
  padding-left: 0;
}
.home-social-list li a, .home-social-list li a:visited {
  color: #FFFFFF;
}
.home-social-list li a:hover, 
.home-social-list li a:focus, 
.home-social-list li a:active {
  color: #151515;
}

/* scroll down */
.scrolldown {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: right top 0;
  -ms-transform-origin: right top 0;
  transform-origin: right top 0;
  float: right;
}
.scrolldown i {
  padding-left: 9px;
}
.scrolldown a:hover, .scrolldown a:focus, .scrolldown a:active {
  color: #151515 !important;
}

html[data-useragent*='MSIE 10.0'] .scrolldown,
.oldie .scrolldown {
  display: none;
}

.scroll-icon {
  display: inline-block;
  font-family: "montserrat-bold", sans-serif;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: .3rem;
  color: #FFFFFF !important;
  background: transparent;
  position: relative;
  top: 36px;
  right: 42px;
  -webkit-animation: animate-it 3s ease infinite;
  animation: animate-it 3s ease infinite;
}

/* vertical animation */
@-webkit-keyframes animate-it {
  0%, 60%, 80%, 100% {
    -webkit-transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-5px);
  }
  40% {
    -webkit-transform: translateX(20px);
  }
}
@keyframes animate-it {
  0%, 60%, 80%, 100% {
    -webkit-transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-5px);
  }
  40% {
    -webkit-transform: translateX(20px);
  }
}

/* ------------------------------------------------------------------- 
 * responsive:
 * home section 
 * ------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
  .home-content-tablecell h3 {
    font-size: 2.1rem;
  }
  .home-content-tablecell h1 {
    font-size: 7rem;
  }
}
@media only screen and (max-width: 1024px) {
  .home-content-tablecell h3 {
    font-size: 2rem;
  }
  .home-content-tablecell h1 {
    font-size: 6rem;
  }
}
@media only screen and (max-width: 768px) {
  .home-content-tablecell .row {
    max-width: 600px;
  }
  .home-content-tablecell h3 {
    font-size: 1.8rem;
  }
  .home-content-tablecell h1 {
    font-size: 5.2rem;
  }
  .home-content-tablecell h1 br {
    display: none;
  }

  .home-social-list {
    left: 36px;
    bottom: 30px;
    font-size: 2.1rem;
  }
  .home-social-list::before {
    height: 30px;
  }

  .scrolldown .scroll-icon {
    font-size: 1.2rem;
    top: 24px;
    right: 10px;
  }
}
@media only screen and (max-width: 600px) {
  #home {
    min-height: 702px;
  }

  .home-content-tablecell .row {
    max-width: 480px;
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .home-content-tablecell h3 {
    font-size: 1.5rem;
  }
  .home-content-tablecell h1 {
    font-size: 4.2rem;
  }
}
@media only screen and (max-width: 500px) {
  .home-content-tablecell .row {
    max-width: 420px;
  }
  .home-content-tablecell h3 {
    font-size: 1.4rem;
  }
  .home-content-tablecell h1 {
    font-size: 4.0rem;
  }

  .home-social-list {
    left: 30px;
    bottom: 30px;
    font-size: 1.8rem;
  }
  .home-social-list::before {
    height: 24px;
  }
}
@media only screen and (max-width: 400px) {
  #home {
    min-height: 654px;
  }

  .home-content-tablecell .row {
    padding-top: 4.8rem;
    padding-bottom: 10.8rem;
  }
  .home-content-tablecell h3 {
    font-size: 1.4rem;
  }
  .home-content-tablecell h1 {
    font-size: 3.6rem;
  }
}

Link para o post
Compartilhar em outros sites
  • Respostas 0
  • Criado
  • Última resposta

Top Postadores Neste Tópico

Dias Populares

Top Postadores Neste Tópico

Dias Populares

Participe do debate

Você pode postar agora e se registrar depois. Se você tem uma conta, entre agora para postar com ela.

Visitante
Responder este tópico…

×   Você colou conteúdo com formatação.   Remover formatação

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Limpar editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Quem Está Navegando   0 membros estão online

    Nenhum usuário registrado visualizando esta página.




  • Conteúdo Similar

    • Por SuzuKayou
      Eu fiz boot camp, deletei a partição porque não queria mais o Windows lá.
      Só que mesmo com a partição deletada o Windows continua lá (??)
      E agora fica iniciando em modo de recuperação e aqueles gb do Windows estão lá ocupando espaço.
      Eu sinceramente não sei o que fazer.
    • Por Vortex
      Pessoal, 
      estou em uma grande saga para realizar o Update do IOS 11.4.1 em meu iPhone 8.
      Sou usuário Apple há pelo menos 10 anos e confesso que nunca tive grandes anseios em atualizar as versões dos SOs para as mais atuais por questões como perda de performance, duração de bateria entre outros e por isso sempre mantive nas versões base atualizando apenas as correções e services pack.
      Porém o IOS já está desafado e alguns apps estão deixando de receber atualizações e gostaria de atualizá-lo para o 12 mas não consigo fazê-lo.
      Ao conectar o iPhone no iTunes já surge a mensagem de que há uma versão mais atual, porém é a versão 14.
      Já baixei a versão do IPSW do IOS mas já encontrei diversos erros como: "ocorreu um erro desconhecido (3194)" entre outros. As versões do iTunes são as mais atuais e já testei em duas máquinas diferentes (Uma com MacOS e outra com Windows).
      Busquei por alguns tutoriais na internet como o de alterar o arquivo do Host mas sem sucesso.
      Alguém poderia por favor me orientar e ajudar para realizar este update?
      OBS: Deixo claro que não quero pular diretamente para o IOS 14 pois tenho receio do aparelho ficar lento e a bateria não durar quase nada.
    • Por Marcos de Lima
      Tenho um projeto de aplicativo todo planejado, é um app Inovador, Escalavel e lucrativo, procuro algum prossifional que saiba desenvolver, e faremos uma divisão percentual dos lucros (Porcentagem a ser combinada) O APP tem um grande potencial pra crescer!
      O aplicativo terá MAPA, VENDA DE INGRESSO e POSTAGEM COM FOTOS
    • Por rickmalaguti
      Boa tarde!

      Sempre notei um comportamento muito estranho na Apple TV, mas nunca consegui resolver, como me incomoda bastante resolvi criar este tópico.
      O problema é que sempre que eu acesso o controle remoto na central de controle do iOS, o AirPlay transfere tudo pra Apple TV, mesmo se ela estiver desligada, o que é mais irritante ainda pq o celular acaba acordando ela.
      Continua assim até eu clicar em dispositivos e "devolver" as mídias para o celular.

      Meio difícil explicar isso, mas se alguém tiver entendido, por favor, me ajude kkk
    • Por rickmalaguti
      Boa tarde!
      Sempre notei um comportamento muito estranho na Apple TV, mas nunca consegui resolver, como me incomoda bastante resolvi criar este tópico.
      O problema é que sempre que eu acesso o controle remoto na central de controle do iOS, o AirPlay transfere tudo pra Apple TV, mesmo se ela estiver desligada, o que é mais irritante ainda pq o celular acaba acordando ela.
      Continua assim até eu clicar em dispositivos e "devolver" as mídias para o celular.
      Meio difícil explicar isso, mas se alguém tiver entendido, por favor, me ajude kkk
    • Por Caio Oliva
      Saudações galera bonita, tudo beleza?
      Seguinte, preciso fazer uma missão em pró do bem-estar de todos usuários (me sentindo kkk). Preciso sair do beta 7 e ir pro 8 sem pegar gm ou versão final (gm acho que dá também)..
      Veja bem, iOS 14 veio com um bug no bluetooth o qual relatei no app FeedBack durante o uso do beta 7. Saiu o beta 8 e GM e esqueci de ir pra versão mais nova (to no 7). Problema é que agora já estamos na versão final...
      A apple me passou um email pedindo pra atualizar meu beta pro mais recente e baixar um perfil que fará a coleta específica do uso do bluetooth a fim de achar e mitigar o erro. Porém, não sei como evitar a versão final no "software update". É só eu baixar novamente o perfil de beta no site deles: https://beta.apple.com/ ???
      Fico imensamente grato se alguém puder me dar uma luz, pois não quero sair do beta 7 e perder a oportunidade de ajudar.

    • Por Lucas96
      Tenho um 6S de 32g e já ta no talo, com 29g usados e nem tenho tantos apps e fotos assim. Queria saber se, restaurando ao modo de fábrica libera memória daquela parte "sistema" e "outros", numa quantidade que valha a pena fazer o processo.
    • Por wfalvess
      Há pouco tempo o Instagram parou de enviar qualquer notificação no meu iPhone Xr com iOS 13.6. O app está atualizado para a versão mais recente (152.0) e as notificações, tanto nos ajustes do iOS, tanto nas configurações do Instagram estão todas ativadas. Já reinstalei o aplicativo 5 vezes e nada resolve, continua sem chegar qualquer notificação, algo que só está acontecendo unicamente com esse app. A princípio eu achava que poderia ser algum bloqueio/bug nas minhas contas no aplicativo, porém fiz um teste usando um iPhone SE reserva e nesse aparelho as notificações chegam normalmente, de todas as contas. Há relatos semelhantes na internet de usuários que inclusive já resetaram o iOS e mesmo assim o Instagram continua sem enviar nenhuma notificação. Por que mesmo apagando o app e baixando de novo o problema persiste? Pode ser um problema ao baixar o aplicativo da App Store e quando ele identifica que é o mesmo aparelho continua bugado? Alguém pode dar uma luz sobre o que pode estar ocorrendo? Já pensei em mil possibilidades...
    • Por Adrielle Oliveira
      Queria saber se o MacBook white Intel core duo 2 8gb ram 512gb armazenamento 13” seria bom pra uso ? 
       
      achei um por R$1.000,00
      seria pra uso comum, navegação na internet, ver filmes, e alguns trabalhos com Office. 
    • Por Fábio Ichiy
      Gente sabe o que pode estar acontecendo?
      To tentando atualizar o SE da minha mãe que ainda tá no 12.4.1 e dá esse erro aqui no Mac.
      No caso, to tentando instalar não a última versão do iOS mas a 13.4.1 nele, que é o IPSW que já tenho aqui salvo no computador. Será que pode ser isso? Será que se eu baixar o IPSW do iOS 13.5 ele vai aceitar fazer a atualização?
      O Mac tbm não está na ÚLTIMA versão, está na 10.15.4

  • Estatísticas do Fórum

    • Total de Tópicos
      52.230
    • Total de Posts
      438.228
×
×
  • Criar Novo...