我目前正在測試一個測試頁面來計算一個php函數,並且遇到了一個非常奇怪的錯誤。懸停狀態在Google Chrome中移動我的h2
當您將鼠標懸停在名稱爲鏈接1,鏈接2,鏈接3的導航項上時,標題下方的h2似乎會上下跳動。
懸停狀態是針對一個特定的fontawesome類,並沒有針對h2。
懸停狀態風格:
ul.mainNav > li a:hover .fa-caret-square-o-up {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}
文本「通過郵政編碼搜索」是h2元素。
這裏是一個小提琴:Demo
我如何去解決這個問題,如果有人知道爲什麼發生這種情況,那麼請讓我知道。 :]
這對我來說也很好。請嘗試刷新緩存並重新打開Chrome。無法重現問題,抱歉。也許你可以手動設置h2的奇怪的默認margin-top值爲一個整數(當前:margin-top:12.4499998092651px) – ErTR