1

私は1pxの黒い境界線で互いに隣り合って水平に配置されたいくつかのdivを持っています。それらは左側/右側で重なります。要素が隣り合っているときに境界線が2pxになるため、マージンを追加したくありません。

ユーザーが境界線にカーソルを合わせると、白い色に変わります。問題は、2番目の要素（および最初の要素の後の他の要素）の左の境界線が前の要素の後ろに隠れており、左の境界線の色が変わらないように見えることです。ホバーされた要素を上に配置するにはどうすればよいですか？まったく変更せずにz-indexを試しました。

.upcoming a:before{
    display:block;
    content:'';
    position:absolute;
    width:184px;
    height:277px;
    border:1px solid #666;
}

.upcoming a:hover:before{
    border-color:#CCC;
}

（境界線とは異なる理由で：beforeを使用しています-ボックスの影が重なっています）

編集：画像を追加

このスクリーンショットでは、「秋」のポスターにカーソルを合わせ、かなり拡大しています。左側の境界線は明るい色ではないことに注意してください（拳の境界線と重なっているため）。

ここに画像の説明を入力してください

4

1 に答える 1

2

あなたはすでに試しましたが、私z-indexはここで最良の選択肢だと思います。これは、純粋に各要素のz位置を管理できるように設計されています。

たとえば、このjsfiddleを参照してください。

http://jsfiddle.net/CjYa9/1/

おそらくあなたは何か違うことをしていました。

于 2012-11-23T18:58:46.387 に答える