0

我正在尝试使用表格使用下拉菜单导航器，但我遇到了问题。我正在隐藏表格的可见性并使用悬停使其可见，但它不起作用 - 它仍然不可见。这是代码：

           table
    {
        background-color: #a9a9a9;
        border-collapse: collapse;
    }
    a:hover
    {   
        color: #f0e68c;
    }
    a
    {
        color: white;
        text-decoration: none;
    }
    .table2
    {
        position: relative;
        left: 685;
        visibility: hidden;
    }
    .table2 th
    {
        border-top: 1px solid white;
    }


        .table1 th
    {
        border-left: 1px solid white;
    }

    #home:hover
    {
        background-color: black;
    }
    #register:hover
    {
        background-color: black;
    }
    #login:hover
    {
        background-color: black;
    }
    #download:hover
    {
        background-color: black;
    }
    #other:hover
    {
        background-color: black;
    }
    #other:hover .table2
    {
        visibility: visible;
    }
4

2 回答 2

2

除了表示表格数据之外，您真的不应该将表格用于任何事情。在没有表格的情况下使用 CSS 定位元素有点棘手，但只要阅读有关盒子模型以及不同显示选项的工作原理，您就会明白这一点。

盒子模型和定位

对于导航菜单，您可能应该使用 ul 这是执行此操作的标准方式。

于 2013-11-04T16:50:14.417 回答
0

我的网站上有一个教程，向您展示了如何仅使用 CSS 和 HTML 创建下拉菜单，您也可以下载完整的代码。正如其他人所说，您应该只使用表格来显示表格数据。

CSS3 下拉菜单教程

于 2013-11-04T16:54:17.870 回答