Tap/hover на iPad иногда не работает

Question

Я пытаюсь сделать простой эффект зависания на изображениях. И он отлично работает на рабочем столе, но имеет проблемы с iPad. Когда я пытаюсь нажать правое изображение, правая сторона этого изображения не влияет на нажатие, наложение не отображается. Но левое изображение и левая сторона правого изображения показывают наложение на тонкую метку. Может, кто-то может объяснить это странное поведение?

Html:

<div class="col-sm-6 team-wrap"> 
    <div class="team-member text-center"> 
    <div class="team-img"> 
     <img src="" alt=""> 
     <div class="overlay"></div> 
    </div> 
    <h4 class="team-title">David Geller</h4> 
    <span>CEO of Company</span> 
    </div> 
</div> 
<div class="col-sm-6 team-wrap"> 
    <div class="team-member text-center"> 
    <div class="team-img"> 
     <img src="" alt=""> 
     <div class="overlay"></div> 
    </div> 
    <h4 class="team-title">David Geller</h4> 
    <span>CEO of Company</span> 
    </div> 
</div> 

Css:

* { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
} 

.col-sm-6 { 
    width: 50%; 
    float: left; 
    position: relative; 
    min-height: 1px; 
    padding-left: 15px; 
    padding-right: 15px; 
} 

.team-img img { 
    -webkit-transition: all .2s ease-in-out; 
    -moz-transition: all .2s ease-in-out; 
    -o-transition: all .2s ease-in-out; 
    transition: all .2s ease-in-out; 
    overflow: hidden; 
    width: 100%; 
} 

.team-member, 
.team-img { 
    position: relative; 
    overflow: hidden; 
} 

.team-title { 
    margin: 34px 0 8px; 
} 

.overlay { 
    background-color: rgba(20,20,20,.7); 
    position: absolute; 
    top: 0; 
    width: 100%; 
    height: 100%; 
    opacity: 0; 
    -webkit-transition: all .2s ease-in-out; 
    -moz-transition: all .2s ease-in-out; 
    -o-transition: all .2s ease-in-out; 
    transition: all .2s ease-in-out; 
    overflow: hidden; 
} 

.team-img:hover .overlay { 
    opacity: 1; 
} 

Codepen ссылка:

http://codepen.io/anon/pen/ZQOKGG

Answer 1

Ну, я полагаю, браузер, который вы используете, не способен обрабатывать веб-сайт, некоторые мобильные браузеры не так продвинуты, как настольные браузеры в настоящее время;)