Question

我对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;
                }

提前感谢您的帮助！

Answer 1

我的网站与IE非常相似。这是一个垂直的子菜单而不是水平，但是当你在IE浏览器中将鼠标悬停在顶层菜单上时，会出现子菜单，但你必须以闪电般的速度移动鼠标以突出显示链接或菜单消失。你应该强烈关注的一件事（我看了你的网站）是这样的：

填充左侧的.css文件（.navigation ul.menu li a）

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

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

悬停子菜单不适用于ie

1 个答案: