JavaScript - マウスホバー時に赤い境界線を表示する効果を実現する方法
过去多啦不再A梦
过去多啦不再A梦 2017-07-05 11:04:45
0
8
1244

この効果を作成したのは誰ですか?
これは、マウスがホバリングしているときに border-right:1px Solid #eee;border-bottom:1px Solid #eee; を使用して私が書いたものです ul li:hover{border-color :# ed9639;}左側にピクセル赤枠を作る方法

过去多啦不再A梦
过去多啦不再A梦

全員に返信(8)
淡淡烟草味

各項目タイトルは右と下しかないような?

各項目を左側と下側に変更した方が良いと思いますが、ホバー時の隣接する要素の左側の色を設定してみてはいかがでしょうか。

例:

リーリー リーリー

http://runjs.cn/detail/ibxy9qab

いいねを押す +0
仅有的幸福

リーリー

いいねを押す +0
学习ing

ボックスシャドウ

いいねを押す +0
学霸

左側の李さんにブロックされてますか?一番左のものは縁が赤いでしょうか?

いいねを押す +0
習慣沉默

ボーダー左が機能しない?

いいねを押す +0
扔个三星炸死你

セレクターの重みが小さすぎて上書きされてしまうためですか?

いいねを押す +0
过去多啦不再A梦

ホバリングするときは、z-indexを設定する必要があります。他のレベルよりも高く、境界線が隠れないようにします

いいねを押す +0
伊谢尔伦

ご回答ありがとうございます。解決策を見つけたので共有します
http://www.jb51.net/css/14548...

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート