元素只在Safari上移動懸停

我試圖解決一個謎。在鉻上，一切都很好，但在Safari中，當我將一些元素（紅色圈起來）移動一點時。元素只在Safari上移動懸停

這隻發生在第一個胡佛。你第二次做它沒有任何反應。

我試圖重現這裏的情況：

<nav class="cd-secondary-nav"> 
    <ul class="has-magic-line"> 
    <li id="all-events" class="active"><a>Tous</a></li> 
    <li id="week-events" class=""><a>Semaine</a></li> 
    <li id="weekend-events" class=""><a>Week-end</a></li> 
    <li id="recent-events" class="" style="position: relative;"><a>Nouveaux</a></li> 
    <li class="magic-line" style="transform: translateX(103.844px) scaleX(73.75);"></li> 
    </ul> 
</nav>

https://jsfiddle.net/ykgjsfrh/1/但它甚至在Safari中很好地工作......

謝謝您的幫助

來源

2017-04-04 Léo Coco

爲了讓我們更好地幫助您，請更新您的問題，以便以[** minimal，complete，and verifiable example **]的形式顯示所有相關代碼（http://stackoverflow.com/help/mcve ）在問題本身，而不是簡單地鏈接到您的網站（可能被過濾器或抗病毒程序阻止）。 –

事情是我試圖在JSFiddle重現，但我不能：/ –

您是否嘗試過加入這導航裏面的li在你的css文件中：

li { 
    height: 100%; 
    text-align: center; 
    width: 100%; 
}

我無法在瀏覽器中全新測試這個功能。看起來問題可能是在Safari中鏈接後每個<li>的大小不同，但我可能是錯的。

來源

2017-04-04 23:23:45 scarsam

元素只在Safari上移動懸停

回答

相關問題