Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #59 da revista programar. Faz já o download aqui!

hapro

[Resolvido] links não funcionam nos ipads e iphones!

Mensagens Recomendadas

hapro    2
hapro

Boa tarde,

O meu problema consiste em que os meus links não funcionam nos ipads e iphones!! Mas os que usam android funcionam perfeitamente. Será um problema do ios 9.3.2 (versão que utilizo) ?? já fiz uma pesquisa na net e diz que é um bug dessa versão. Já procurei atulizações e não tenho para por no ios 10!! Ajudam por favor!! obrigado!!

Editado por hapro

Melhores cumprimentos,

HAPRO

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
hapro    2
hapro

Olá,

html:

<div class="view second-effect">
   <a href="#"><img src="img/race_2016.png" /></a>
   <div class="mask">
 <a href="filmes/race/index.html" class="info"></a>
   </div>
  </div>

css:

.view {
  width: 128px;
  height: 190px;
  margin-top: 15px;
  margin-left: 26px;
  float: left;
  border: 3px solid #1E90FF;
  overflow: hidden;
  position: relative;
  text-align: center;
  box-shadow: 0px 0px 5px #aaa;
  cursor: default;
}
.view .mask, .view .content {
  width: 128px;
  height: 190px;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 1;
}
.view img {
  display: block;
  position: relative;
  width: 128px;
  height: 190px;
}
.view a.info {
  background: url(../img/hover.png) center no-repeat;
  display: inline-block;
  text-decoration: none;
  padding: 0px;
  width:30px;
  height:30px;
}
.second-effect .mask {
  opacity: 0;
  overflow:visible;
  border:0px solid rgba(0,0,0,0.7);
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.second-effect a.info {
float: left;
clear: both;
position:relative;
top:-23px;
left: -53px;
opacity:0;
  -moz-transform:scale(0,0);
  -webkit-transform:scale(0,0);
  -o-transform:scale(0,0);
  -ms-transform:scale(0,0);
  transform:scale(0,0);
  -webkit-transition: -webkit-transform 0.4s 0.2s ease-in, opacity 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.4s 0.2s ease-in, opacity 0.2s ease-in-out;
  -o-transition: -o-transform 0.4s 0.2s ease-in, opacity 0.2s ease-in-out;
  -ms-transition: -ms-transform 0.4s 0.2s ease-in, opacity 0.2s ease-in-out;
  transition: transform 0.4s 0.2s ease-in, opacity 0.2s ease-in-out;
}
.second-effect:hover .mask {
  opacity: 1;
  border: 100px solid rgba(0,0,0,0.7);
}
.second-effect:hover a.info {
opacity:1;
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-o-transform:scale(1,1);
-ms-transform:scale(1,1);
transform:scale(1,1);
-moz-transition-delay:0.3s;
-webkit-transition-delay:0.3s;
-o-transition-delay:0.3s;
-ms-transition-delay:0.3s;
transition-delay:0.3s;
}

A programação é está!!


Melhores cumprimentos,

HAPRO

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.