0

ここに私の例があります（あなたのためにインターネット上でいくつかのきれいな写真を見つけました）：http：//jsfiddle.net/xGPys/ （Firefoxがそれを好まない理由を誰かが見つけた場合、Chromeでのみ動作します）

だから私に問題を引き起こす部分はそこにあります：

.imagepreview:hover a {
    top: -61px;
    height: 150px;
    z-index: 1000;
}

私が達成したいのは、列全体にマウスを置くことができるはずであり、各画像が次々に開閉する必要があります。現在、開いた写真が他の写真を覆っているので、:hover状態はメモが削除されますから<td>。

少しJavascriptを使用することもできますが、純粋なCSSのままにしておくことをお勧めします。

ありがとう ！

4

1 に答える 1

1

に設定するだけpointer-eventsですnone：

.imagepreview a {
    /* ... other styles ... */
    pointer-events: none;
}
.imagepreview:hover a {
    top: -61px;
    height: 150px;
    z-index: 1000;
}

これがあなたのフィドルです：http：//jsfiddle.net/xGPys/1/

警告： 実験的pointer-eventsです。あなた自身の裁量で使用してください。

于 2013-01-07T20:20:36.507 に答える