1

要素にカーソルを合わせるたびに境界線を表示しようとしているので、これを作成しました。右側の最後の列を除くすべての列でうまく機能します。

position:absolute;私の質問は、要素を使用せずに修正できる方法はありますか? ユーザーがトグルをクリックしたときのようにいくつかの要素を設定する予定display:none;です。そのため、要素が自動的に再配置されるのではなく、「空のブロック」が存在するため、絶対配置が期待どおりに機能しません。

PS : 同位体についても知っていますが、このようなものについてはかなり「やり過ぎ」だと思います。

4

3 に答える 3

2

問題が正しかったかどうかはわかりませんが、この動作は予想どおりでしたか?

http://jsfiddle.net/bSF8B (申し訳ありませんが、間違ったリンク)

http://jsfiddle.net/bSF8B/11/

デフォルトborder-widthを0に強制し、ホバー時にマージンを5pxだけカットしました。

于 2012-07-22T12:29:33.483 に答える
2

ここに解決策があります：http://jsfiddle.net/PhilippeVay/bSF8B/10/

ホバーしていなくてもホバー時に存在する境界線を考慮します (境界線の色は親の背景と同じ色です。2 番目の例で確認できます)。

編集：境界線の色は背景色ではありません^^

于 2012-07-22T12:30:55.740 に答える
1

ブロックmargin間のを削除し、色が黒のを作成しました。これにより、ブロックにカーソルを合わせると、境界線の色のみが変更され、実際に問題を引き起こしている新しい境界線を含める必要がなくなります。border5px

これがフィドルです。

于 2012-07-22T12:37:35.977 に答える