2

jQuery プラグインを使用して、テキスト ラベルを回転させた水平アコーディオンを作成しています。これは easyAccordion と呼ばれ、デモ ページは次のとおりです。

http://www.madeincima.it/download/samples/jquery/easyAccordion/

デモページでも明らかな私の問題は、IE8が回転した要素（プラグインはCSS Microsoft回転フィルターを使用）をホバー可能/クリック可能ゾーンが回転していないかのように扱うように見えることです。これが意味することは、要素の幅のサイズまで、ボタンの上部のみがクリック可能であることです。奇妙なことに、これは IE7 では正しく機能しますが、IE8 では機能しません。

この問題を回避し、要素全体をクリック可能にする方法 (CSS またはその他) はありますか?

4

1 に答える 1

1

CSS フィルターで回転すると、実際には、実際のノード自体ではなく、DOM ノードのペイントされた結果のみが変換されます。これは、DOM ノードとの対話が、画面に表示されるものと同じ座標をカバーしないことを意味します。

私は以前、45 度の角度で配置される可変長のナビゲーション バーを作成しましたが、画像ではなく実際のテキストを使用する必要がありました。IE の場合、マウス イベントを元のノードに委任する全体に透明なイメージ マップを重ねることになりました。

于 2013-03-20T01:08:13.257 に答える