首頁 >web前端 >css教學 >如何防止元素在懸停時移動邊框?

如何防止元素在懸停時移動邊框?

Susan Sarandon
Susan Sarandon原創
2024-12-20 17:27:22944瀏覽

How to Prevent Element Shifting on Hover with a Border?

懸停邊框導致元素輕微調整

問題:

具有懸停事件的無序錨點列表添加了邊框,但由於寬度增加,懸停時錨點會稍微向左移動。如何保證絕對定位?

解決方案:

在非hover狀態下添加透明邊框可以防止hover邊框時的“跳動”

說明:

透明邊框允許錨點的寬度保持一致,因此當懸停邊框出現時,位置不會改變。這是一個 JSFiddle 示範:

http://jsfiddle.net/TEUhM/3/

以上是如何防止元素在懸停時移動邊框?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn