Bootstrap mobile hover

我建立了一个Website与一个投资组合。Bootstrap mobile hover

我的问题是移动电话上的悬停效应（例如在我的iPhone上）。

在index.php我建立一个旋转的卡，这在点击移动时工作正常。

对于使用下面的代码组合我真的：

<div class="container section"> 
    <div class="row"> 
     <h1>Projekt</h1> 
     <div class="col-sm-6"> 
     <div class="tile tile_effect"> 
      <img src="images/background.jpeg"> 
      <div class="overlay"> 
       <h2>ILakeIt</h2> 
       <p>Webdesign | Test | Test | Test Webdesign | Test | Test | Test Webdesign | Test | Test | Test</p> 
       <a href="http://www.google.de">To Projekt</a> 
      </div> 
     </div> 
    </div> 
</div>

CSS：

.tile:hover .overlay 
{ 
    opacity: 1; 
} 
.tile:hover p 
{ 
    top: 75%; 
} 

.tile:hover a 
{ 
    top: 90%; 
} 
.tile:hover h2 
{ 
    bottom: 60%; 
}

我已经尝试过的用户：重点和：积极的，但仍然拿不出悬停 - 影响我的手机。

我不明白为什么它会在index.html上使用：悬停，但在其他页面上不行。有没有解决方案来防止这个错误？

来源

2017-07-31 Marcel Merz

你甚至可以在触摸屏设备上悬停吗？ –