垂直文本覆蓋內容

Question

我能夠使用http://jsfiddle.net/9pUu4/代碼在表格單元格中具有垂直文本。在這張表的上方是我的水平導航菜單，它通過jquery ui菜單懸停在標籤上展開成鏈接。我的問題是，當將標籤懸停在垂直文本上方時，文本放在菜單上。但是，將水平文本懸停在表格的同一行時不會發生這種情況;這是菜單涵蓋頁面內容。這發生在Chrome和Firefox上。

我試圖搞亂Z指數問題，沒有運氣。它與transform css屬性（-webkit-transform，-moz-transform）有什麼關係？或jQuery的菜單與垂直文本衝突？

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

Answer 1

經過深入挖掘，How do I make sure my drop down menus overlap and cover anything on my page?，我懷疑垂直文本︰轉換的起源;或者簡單地垂直文本出現在頁面佈局的菜單之後，可以使這個垂直文本「在頂部」。

不管怎樣，在菜單外添加這個包裝工程。

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

More code

的z-index = 1的規定的作品，但我只是想確保它涵蓋一切。