1

http://jsfiddle.net/9pUu4/コードを使用して、表のセルに縦書きのテキストを表示できます。このテーブルの上には、jquery ui メニューでタブをホバーするとリンクに展開される水平ナビゲーション メニューがあります。私の問題は、タブを垂直テキストの上に置くと、テキストがメニューの上に置かれることです。ただし、テーブルの同じ行に横書きのテキストを置いた場合は発生しません。つまり、メニューはページ コンテンツをカバーします。これはクロムとファイアフォックスで発生します。

z-indexの問題をいじってみましたが、運がありませんでした。変換 css プロパティ (-webkit-transform、-moz-transform) と何か関係がありますか? または、jquery メニューが縦書きと競合しますか?

.Vertical
{
  writing-mode:bt-rl;
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
}
4

1 に答える 1

0

SO を深く掘り下げた後、ドロップダウン メニューが重複してページ上の何かをカバーしていることを確認するにはどうすればよいですか? 、私は縦書きのテキストを疑います: 原点を変換します。または、単に縦書きのテキストがページ レイアウトのメニューの後にある場合、この縦書きのテキストが「上」になることがあります。

とにかく、このラッパーをメニューの外に追加すると機能します。

#div1
{
    position : relative;   
    z-index : 1000;
}

その他のコード

述べたように z-index = 1 は機能しますが、それがすべてをカバーしていることを確認したいだけです。

于 2012-12-07T18:31:19.290 に答える