gpt4 book ai didi

html - IE float 悬停问题

转载 作者:行者123 更新时间:2023-11-28 10:44:06 26 4
gpt4 key购买 nike

大家好)似乎我有一个很常见的问题:在 IE 中将鼠标悬停在 float 列表元素上,尽管到目前为止我还没有找到任何解决方案。 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 中,那些列表项链接的实际 :hover 区域有一个奇怪的左边距,它对其他浏览器工作正常...

虽然我没有足够的声誉来发布图片,here你会找到我的解释性溺水的快速链接......

需要你的好建议伙计们:/tnx

...

刚刚使用了这个 !DOCTYPE...

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

没有解决问题...

...

刚刚从 li 和 a 元素中删除了 display:inline-block 规则...对我不起作用

...

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

问题依然存在

最佳答案

lia 元素中删除 display:inline-block 规则

关于html - IE float 悬停问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23058185/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com