2

これはおそらく Google Chrome のあいまいなバグだと思います。要するに、CSS 列を含む列に分割されたリストを含むナビゲーションと、ページの他の場所に、変換を使用して実装された「フリップアラウンド」効果を持つ要素があります。

変換と列の組み合わせが両方ともページでアクティブな場合、ナビゲーションのアンカーのクリック イベントは発生しません。ただし、ホバーやアクティブを含むすべての状態を通過し、クリックする必要があるように見えますが、ユーザーは離れません。

JS event.preventDefaulting はありません。

要素は、DOM またはレンダリングされたスタイルのいずれにおいても、互いに近くにありません。

ページを検査すると、変換された要素が 3D 回転 + 背面が非表示になっているために非表示になっている場合でも、インスペクターによって投影されたアウトラインは、要素がまだ壊れたリンクの近くにないことを示しています。

変換または列のいずれかのチェックを外すと、リンクが再び機能します。

列も 3D 変換も、別の手法で簡単に実現できるものではありません。Web サイトは応答性が高く、これらの両方が機能する方法に不可欠です。

おそらくこの場合、変換が無視されるため、変換された要素が表示されない場合、問題は存在しません。


ここで私の jsFiddle を参照してください: CSS transform rotate3D + columns cause unclickable links in columns

4

1 に答える 1

0

これを行う前に、同様の問題が発生しました(CSS 行 37 から 42)。私にとっての解決策はここにありました:マウスアップ/クリックイベントがtranslateZ後に発生しない

于 2013-01-23T11:31:16.950 に答える