Links não funcionam nos ipads e iphones

[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!!

Edited July 7, 2016 at 12:35 PM by hapro

[tiago.f]

Olá,

define "os meus links"

[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á!!