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

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

Susan Sarandon
發布: 2024-12-20 17:27:22
原創
942 人瀏覽過

How to Prevent Element Shifting on Hover with a Border?

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

問題:

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

解決方案:

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

說明:

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

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

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板