2

次の問題があります。流動的なレイアウトのページに 16 x 16 のブロックがたくさんあります (1 番目の画像)。ブロックもグループに属しており、グループは 2 番目の画像で強調表示されています

私がやりたいのは、ブロックにカーソルを合わせると、グループ全体が何らかの形で境界線のように表示されることです (画像 3 を参照)。唯一の制約は、ブロックが同じ色のままでなければならないということです。- はい、同じグループ内のブロックは常に各ブロックの隣にあります。

CSS ヘルプ

私の最初の試みは

<div class="container">
  <div class="group">
    <div class="color-block"></div>
    ...
    <div class="color-block"></div>
  </div>
  <div class="group">
    <div class="color-block"></div>
    ...
    <div class="color-block"></div>
  </div>
  <div class="group">
    <div class="color-block"></div>
    ...
    <div class="color-block"></div>
  </div>
</div>

グループ.groupがdisplay:inline-block2行に進むと、これは倒れます（下の画像を参照）

ここに画像の説明を入力

どんな助けでも大歓迎です。

4

1 に答える 1

0

:hoverCSSを使用すると、不規則なアウトラインを作成できません。隣接するブロックの位置を決定し、それに応じてスタイルを設定するには、JavaScript を使用してこれを行う必要があります。

于 2012-04-20T19:37:18.970 に答える