Question

大家好）似乎我有一个相当常见的问题：在IE中悬停浮动列表元素，虽然到目前为止我没有找到任何解决方案。 IE11 + WIN7。这是我的HTML ...

<!doctype html>
...
<ul id="horizontal-menu">
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
</ul>

我有这样的CSS ......

#horizontal-menu {
    list-style: none;
}

#horizontal-menu li {
    display: inline-block;
    float: left;
    margin-left: 3px;
}

#horizontal-menu li a {
    background-color: green;
    display: inline-block;
    float: left;
    height: 30px;
    width: 30px;
}

#horizontal-menu li a:hover, #horizontal-menu li a:active {
    background-color: red;
}

问题是在IE中实际：那些列表项链接的悬停区域有一个奇怪的左边距，并且它适用于其他浏览器......

虽然我没有足够的声誉来发布图片，here你会发现我的解释性淹死的快速链接......

需要你的好建议fellas：/ tnx

...

刚用过这个！DOCTYPE ......

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

没有解决问题...

...

刚刚删除了显示：来自li和元素的内联块规则......对我来说不起作用

...

删除了所有可能的继承边距和填充...仍然相同

问题仍然存在

Answer 1

从display:inline-block和li元素

中删除a规则

IE浮动悬停问题

1 个答案: