0

私はこのjsFiddleを持っています。いずれかのブロックにカーソルを合わせると、（マージンをパディングに置き換えることで）展開され、ボックスシャドウが取得されますが、残りのブロックはjQueryを介して半透明になります。

どの要素にも背景が定義されていないため、デフォルトで白になり、各ブロック内にはほとんど白の画像が表示されます。ただし、ご覧のとおり、ホバーされたブロックは均一ではありません。白いbg（画像）または未定義のbg（残りのブロック、ブロック間のスペース）box-shadowの上にあるかどうかによって異なります。

sの背景div.blockを白に設定すると、問題の一部が解決されました。つまり、ブロック全体のシャドウイングは同じです。しかし、ブロック間のスペースについては何もできないようです。

jQueryは、ホバーされたブロックの親コンテナに対しても何かを行う必要がありますか？不透明度の代わりにrgbaを使用すると役立ちますか？

4

2 に答える 2

1

私はあなたの問題を完全に理解したかどうかはわかりませんが、2番目のフィドルに基づいて、このcssを追加すると、シャドウの見栄えが良くなると思います（フィドルを参照）。これにより、参照している問題が解決されると思います。

div.block.expanded {
    position: relative;
    z-index: 2;
}
于 2012-07-24T18:08:46.777 に答える
0

これはどう：

http://jsfiddle.net/seY6L/

于 2012-07-24T18:08:55.777 に答える