如何阻止模式內的div移動鼠標懸停？

我有一個引導模式，裏面有快捷方式圖標，代碼可以在下面看到。問題是，每當我懸停的一個下面實際的HTML無明顯變化向下移動一個圖標（通過瀏覽器觀看檢查員）如何阻止模式內的div移動鼠標懸停？

<!-- SHORTCUTS MODAL BEGINS --> 
    <div id="shortcuts" class="reveal-modal" data-reveal aria-labelledby="shortcuts" aria-hidden="true" role="dialog"> 
     <div class="row"> 
      <div class="twelve columns"> 
       <h2 id="modalTitle">Shortcuts</h2> 
      </div> 
     </div> 
     <div class="row list-icon"> 
     <div class="six columns"> 
      <i class="icon-tasks"></i><span class="label">Course</span> → [SHIFT] + [C] 
     </div> 
     <div class="six columns"> 
      <i class="icon-user"></i><span class="label">Profile</span> → [ALT] + [P] 
     </div> 
     <div class="six columns"> 
      <i class="icon-share"></i><span class="label">Shortcuts</span> → [SHIFT] + [?] 
     </div> 
     <div class="six columns"> 
      <i class="icon-home"></i><span class="label">Home</span> → [SHIFT] + [H] 
     </div> 
     <div class="six columns"> 
      <i class="icon-lock"></i><span class="label">Admin</span> → [SHIFT] + [A] 
     </div> 
     <div class="six columns"> 
      <i class="icon-laptop"></i><span class="label">Portfolio</span> → [SHIFT] + [P] 
     </div> 
     <div class="six columns"> 
      <i class="icon-envelope"></i><span class="label">Email</span> → [SHIFT] + [E] 
     </div> 
     <div class="six columns"> 
      <i class="icon-comment"></i><span class="label">Contact</span> → [SHIFT] + [K] 
     </div> 
     </div> 
     <a class="close-reveal-modal"><i class="icon-remove"></i></a> 
    </div> 
    <!-- SHORTCUTS MODAL ENDS -->

我一直在谷歌上搜索這個問題，一會兒徒勞無功。問題的

圖片表示，如果我將鼠標懸停在「課程」

每個圖標類的CSS是非常簡單的

.icon-tasks:before { 
content: "\f0ae"; 
}

我也通過添加此類嘗試禁用懸停但它沒有工作

.noHover{ 
    pointer-events: none; 
}

來源

2017-02-06 bjjrolls

也分享你的CSS或者一個完整的工作例子 –

你試過去掉懸停的形式嗎？ – fernando

請看更新的問題，如果你需要更多的信息請讓我知道@MarcosPérezGude和fernando – bjjrolls

如果有人來s解決了這個問題，我通過向整個行添加指針事件：無，而不是每個單獨的按鈕來解決它。

tl; dr我用CSS沒用，這幾乎沒有保證一個問題。

來源

2017-02-06 10:32:58 bjjrolls

如何阻止模式內的div移動鼠標懸停？

回答

相關問題