0

我对 css 完全陌生，但我冒险使用 wordpress 主题创建一个网站。该主题应该与 IE 兼容，但在 IE7、8 或 9 中，我的悬停子菜单不可点击。也就是说，我创建了 style-IE*.css 文件并指向它们。我增加了索引#。但它仍然无法正常工作。这里是网站：www.mariasherranz.com

这是菜单脚本（从主题罐头，有一些颜色和字体更改）：

.navigation {
text-transform: uppercase;
position: fixed;
z-index: 10;
display: none;
}

.navigation ul.menu li a {
    font: 26px 'Marvel', sans-serif;
    color: #FFFFFF;
    line-height: 35px;
    text-decoration: none;
    padding: 0px 10px 0px 10px;
    margin-bottom: 5px;
    background: none;
    float: left;
    clear: both;
}

.navigation ul.menu li ul {
    float: left;
    display: none;
}

    .navigation ul.menu li ul li {
        margin: 0px 0px 0px 1px;
        float: left;
    }

        .navigation ul.menu li ul li a {
            font-size: 24px;
            color: #FFFFFF;
            background:none;
        }

            .navigation ul.menu li ul li a:hover {
                color: #000000;
                background:#FFFFFF;
            }

        .navigation ul.menu li ul li ul {
            margin: 36px 0px 0px 0px;
            position: absolute;
            z-index: 20;
            display: none;
        }

            .navigation ul.menu li ul li ul li {
                margin: 0px;
                white-space: nowrap;
                float: right;
            }

                .navigation ul.menu li ul li ul li a {
                    margin: 0px 0px 1px 0px;
                }

                .navigation ul.menu li ul li ul li ul {
                    display: none !important;
                }

预先感谢您的任何帮助！

4

1 回答 1

0

我的网站与 IE 做的事情非常相似。这是一个垂直的子菜单而不是水平的，但是在 IE 中，如果您将鼠标悬停在顶部菜单上，则会出现子菜单，但是您必须以闪电般的速度移动鼠标以突出显示链接，否则菜单会消失。您应该重点关注的一件事（我查看了您的网站）是：

.css 文件中的 padding-left 用于 (.navigation ul.menu li a )

值得注意的是，在我看来，您的主题也有一个 style-IE9.css 文件，它可能会覆盖一些 style.css 属性。

当我在 IE9 上使用开发工具时（有史以来第一次），当我在 (.navigation ul.menu li a) 下的 IE9.css 文件中将 padding-left 更改为 0px 时，我可以看到问题部分解决了。部分说，因为关于（生物和简历）的子菜单标题被“挤压”到非常接近顶部菜单。

于 2013-01-27T20:45:41.750 回答