ホームページ >ウェブフロントエンド >CSSチュートリアル >境界線のあるホバー時に要素が移動しないようにするにはどうすればよいですか?
問題:
ホバー イベントを持つアンカーの順序なしリストにより境界線が追加されるただし、幅が広くなったため、ホバーすると左側のアンカーがわずかに移動します。絶対的な位置を確保するにはどうすればよいですか?
解決策:
非ホバー状態に透明な境界線を追加すると、ホバー境界線の「飛び跳ね」を防ぐことができます。
#homeheader a:visited, #homeheader a{ border:1px solid transparent; }
説明:
透明な境界線によりアンカーの幅を一定に保つことができるため、ホバー境界線が表示されるときに位置が変わることはありません。 JSFiddle のデモは次のとおりです:
http://jsfiddle.net/TEUhM/3/
以上が境界線のあるホバー時に要素が移動しないようにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。