1

我可以使用http://jsfiddle.net/9pUu4/代码在表格单元格中添加垂直文本。此表上方是我的水平导航菜单，当使用 jquery ui 菜单悬停选项卡时，它会扩展为链接。我的问题是，当将选项卡悬停在垂直文本上方时，文本会覆盖在菜单上。但是将水平文本悬停在表格的同一行时不会发生；即菜单涵盖页面内容。这发生在 chrome 和 firefox 上。

我尝试弄乱 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 回答