gpt4 book ai didi

css - IE 不透明度 :hover sometimes?

转载 作者:行者123 更新时间:2023-11-27 22:31:40 25 4
gpt4 key购买 nike

我在 IE 中遇到了一个非常奇怪的不透明度/悬停问题。在 FF 和 Chrome 中一切正常。

考虑这个页面:

<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#outer").css("opacity", .7);
});
</script>
<style type="text/css">
#outer
{
position: absolute;
width:600px;
background: #111;
z-index:2;
overflow: hidden;
}
#outer div
{
float: left;
}
ul
{
list-style: none;
margin: 0;
padding: 0;
}
ul li
{
width: auto;
margin: 2px 4px 2px 4px;
padding: 2px 4px 2px 4px;
font-size: 11px;
color: White;
}
ul li:hover
{
background: red;
font-weight: 600;
cursor: pointer;
}
</style>
</head>
<body>
<div id="outer">
<div id="one">
<ul>
<li>111</li>
<li>222</li>
</ul>
</div>
<div id="two">
<ul>
<li>333</li>
<li>444</li>
</ul>
</div>
<div id="three">
<ul>
<li>555</li>
<li>666</li>
</ul>
</div>
</div>
</body>
</html>

问题来了。鼠标悬停是间歇性的——您可能会或可能不会在 IE(7 或 8)中看到红色背景和字体变化。您将始终看到光标发生变化。如果我去掉背景和字体粗细,我仍然会看到光标发生变化。但是如果有背景或字体粗细,光标仍会改变,但背景或字体可能会或可能不会。

如果不在 #outer 上设置不透明度,则一切都适用。同样,FF 和 Chrome 都很好。

你怎么看?

更新:这似乎仅限于 IE8。当 IE8 处于兼容模式(像 IE7 一样)时,一切都很好!

但是,在 header 中包含此标记:

<meta id="metaIE8IE7" http-equiv="X-UA-Compatible" content="IE=7" />

不修复它。

最佳答案

遇到了同样的问题并找到了解决方案(尽管我的解决方案是针对 a:hover 而不是 li:hover 而且我还没有测试过)

基本上,确保元素“有布局”。例如,display:block 等。然后重置该元素的透明度。 -ms-过滤器:“”;

关于css - IE 不透明度 :hover sometimes?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3576568/

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